twitter-bootstrap – 引导行容器的中心内容

发布时间：2020-12-18 00:16:19 所属栏目：安全来源：网络整理

导读：我有下面的代码，我想将外部“行”div的“好”元素居中。我已经尝试过各种各样的方法，如text-align：center(它只是居中的文本，而不是内部的DIV元素。这是一个jsfiddle.这个想法是，我得到一个“好”的瓦片，并在4左右之后它包装。但是如果小于4，它们应该

我有下面的代码，我想将外部“行”div的“好”元素居中。我已经尝试过各种各样的方法，如text-align：center(它只是居中的文本，而不是内部的DIV元素。

这是一个jsfiddle.这个想法是，我得到一个“好”的瓦片，并在4左右之后它包装。但是如果小于4，它们应该以页面为中心。

<body class="container-fluid">
    <div class="row">
        <div class="well span2">
            <div class="row">
                <div class="span2">
                    Header
                </div>
            </div>
            <div class="row">
                <div class="span2">
                    Sub Header
                </div>
            </div>

        </div>

        <div class="well span2">
            <div class="row">
                <div class="span2">
                    Header
                </div>
            </div>
            <div class="row">
                <div class="span2">
                    Sub Header
                </div>
            </div>
        </div>
    </div>
</body>

解决方法

我通过以下方式解决了这个问题：

<body class="container-fluid">
    <div class="row">
        <div class="span6" style="float: none; margin: 0 auto;">
           ....
        </div>
    </div>
</body>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!