1. 程式人生 > >bootstrap柵格化保證處於同一行,列偏移小記

bootstrap柵格化保證處於同一行,列偏移小記

bootstrap小記

class="col-xs-4 col-xs-offset-4"

解釋:col-xs-4,用xs可以保證不會隨著瀏覽器的變化位置會發生變化,也就是保證處於同一行。

          col-xs-offset-4,列偏移,比如前面還有一個div佔了4列,又想將此處div放在後4列,就可以用該屬性。

舉例:

<div class="row">
    <div class="col-xs-4">
        <a class="btn btn-primary btn-block btn-flat">Register</a>
    </div>
    <div class="col-xs-4 col-xs-offset-4">
      <button type="submit" id="submit" class="btn btn-primary btn-block btn-flat">Sign In</button>
    </div>
</div>

該程式碼實現下面圖示效果。