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?

https://codepen.io/deka87/pen/prvlye

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

Popular posts from this blog

Asterisk AGI Python Script to Dialplan does not work -

python - Read npy file directly from S3 StreamingBody -

kotlin - Out-projected type in generic interface prohibits the use of metod with generic parameter -