Proper row attributes to use for a centered box

2018-06-27 03:41:35

This question already has an answer here:

Center a column using Twitter Bootstrap 3 28 answers

The other way is using offset...

<div class="container">
    <div class="row">
        <div class="col-xs-6 col-xs-offset-3"></div>
        <div class="col-xs-3"></div>
    </div>
</div>

Demo: http://codeply.com/go/HV3yrjxKtB

从文档中获取：将类以.row为中心添加到行，以.col为中心添加到列。

<div class="container">
    <div class="row row-centered">
        <div class="col-xs-6 col-centered"></div>
        <div class="col-xs-6 col-centered"></div>
        <div class="col-xs-3 col-centered"></div>
        <div class="col-xs-3 col-centered"></div>
        <div class="col-xs-3 col-centered"></div>
    </div>
</div>

链接地址: http://www.djcxy.com/p/75916.html

上一篇: 用bootstrap集中对象

下一篇: 正确的行属性用于居中框