Hello,
I'm trying to center vertically a div into a div.
If I do this (see code below), works fine :
<div class="col-md-12" style="display: flex;">
<div class="col-md-6" style="margin: auto;">
<p>my content</p>
</div>
<div class="col-md-6" style="margin: auto;">
<p>my content</p>>
</div>
</div>
But I get a bad layout in responsive mode see below :
In picture above, the BAD area is displayed with code above and GOOD area is displayed with code below :
<div class="col-md-12">
<div class="col-md-6">
<p>my content</p>
</div>
<div class="col-md-6">
<p>my content</p>>
</div>
</div>
But with this code, from a computer, div are not centered in the middle.
How can I center vertically and keeping bootstrap responsive layout working?
Thanks for your help
L.