Question

我对于Twitter引导程序世界和基于％的宽度相对较新，并且让我自己很容易混淆应该是一件容易的事情。

我正试图将左侧浮动的.subimg中的每一个放在我的页面上。显然margin:0 auto不起作用，因为它不是静态网格。我在父div上使用了文本对齐中心无济于事。我的标记如下：

<style>
.subimg{float:left;}
.row-fluid{text-align:center;}
</style>

<div class="row-fluid"><!-- begin row -->
    <div class="span12 subimgstrip">
            <div class="subimg">
                <a href="#">
                    <img src="/wp-content/themes/wordpress-bootstrap/img/products/infection/1.jpg"/>
                    <h6>Customize Settings</h6>
                </a>
            </div>
            <div class="subimg">
                <a href="#">
                        <img src="/wp-content/themes/wordpress-bootstrap/img/products/infection/2.jpg"/>
                        <h6>Set Specific Criteria</h6>
                </a>
            </div>
            <div class="subimg">
                <a href="#">
                        <img src="/wp-content/themes/wordpress-bootstrap/img/products/infection/3.jpg"/>
                        <h6>Customize Alerts</h6>
                </a>
            </div>
            <div class="subimg">
                <a href="#">
                        <img src="/wp-content/themes/wordpress-bootstrap/img/products/infection/4.jpg"/>
                        <h6>Create Antibiograms</h6>
                </a>
            </div>
            <div class="subimg">
                <a href="#">
                        <img src="/wp-content/themes/wordpress-bootstrap/img/products/infection/5.jpg"/>
                        <h6>Isolate Information</h6>
                </a>
            </div>
        </div>
    </div><!-- end row -->

Answer 1

使用Twitter bootstrap中心浮动内容的最佳方法是为浮动项目提供display:inline-block;样式，并为父div提供text-align:center

样式

中心左浮动内容twitter bootstrap

1 个答案: