html - Offsetting columns in Bootstrap v4 -
this question has answer here:
what used be:
<div class="row"> <div class="col-sm-2 col-sm-offset-3"> ... </div> </div>
became:
<div class="row"> <div class="col-xs-2 offset-xs-3"> ... </div> </div>
in bootstrap v4 alpha. now, i've updated website v4 beta offset-xs-3
doesn't seem working anymore: https://getbootstrap.com/docs/4.0/layout/grid/#offsetting-columns.
how offset specified amount of columns in v4 beta?
i know not pretty, since bootstrap v4-beta took offsetting number out of game, can add empty column before , making many columns want offset next one.
[class*="col-"] { background-color: #eee; } .row { background-color: #f9f9f9; }
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet"/> <div class="container-fluid"> <div class="row"> <div class="col-sm-3"></div> <div class="col-sm-2"> .col-sm-2 offseted 3 columns </div> </div> </div>
wiki
Comments
Post a Comment