|
|
Ligne 1 : |
Ligne 1 : |
− | <div class="row"><div class="col-xs-6 col-md-4 col-lg-2 vcenter"><div style="height:10em;border:1px solid #000">Big</div> </div><div class="col-xs-6 col-md-8 col-lg-10 vcenter"><div style="height:3em;border:1px solid #F00">Small</div></div></div>
| |
− |
| |
| <div class="row"> | | <div class="row"> |
− | <div class="col-xs-6 col-md-4 col-lg-2 vcenter">
| + | <div class="col-md-8">.col-md-6</div> |
− | <div style="height:10em;border:1px solid #000">Big</div>
| + | <div class="col-md-4">.col-md-6</div> |
− | </div><!--
| |
− | --><div class="col-xs-6 col-md-8 col-lg-10 vcenter">
| |
− | <div style="height:3em;border:1px solid #F00">Small</div>
| |
− | </div>
| |
| </div> | | </div> |
− |
| |
− | <div class="p-2" style="background-color:grey; text-align: right"><span style="text-align: left;">I'm a flexbox container!</span> <span style="text-align: right">I'm a right flexbox container!</span></div>
| |