如何对齐页面中心的列?

这个问题在这里已经有了答案:

  • 使用Twitter Bootstrap 3 28答案居中列

  • 您将需要使用Twitter Bootstraps .col-md-offset-*类。 这里是文档。 你需要为最左边的列添加一个偏移量,然后将这个div移动到你定义的列的数量上,例如你的html看起来像这样:

    <section id="about-us" class="about-us">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-3  col-md-offset-3 col-sm-3 col-sm-offset-3"> //see here we added the two offset classes 
                    <div class="block wow fadeInRight" data-wow-delay=".3s" data-wow-duration="900ms">
                        <h2>one</h2>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-3 col-sm-3">
                        <div class="block wow fadeInRight" data-wow-delay=".6s" data-wow-duration="900ms">
                            <h1>One</h1>
                            <h1>Two</h1>
                            <h1>Three</h1>
                            <h1>Four</h1>
                            <h1>Five</h1>
                            <h1>Six</h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    
    链接地址: http://www.djcxy.com/p/75899.html

    上一篇: How do I align columns in the center of the page?

    下一篇: Can't center columns in a row in Bootstrap