Question

我刚刚设置了Bootstrap 3.0并遵循William Helfi的教程： William Helfi Bootstrap Tutorial

我遇到的问题是我的专栏'col-md-6堆叠在彼此之上，而不是在同一行中彼此并排放置。尽管我复制并粘贴了教程中的确切代码。 6 + 6 = 12所以我希望它们适合一排，但它们没有。真的很令人沮丧。我错过了什么？我已经尝试了两个教程，我得到了相同的结果。

Screenshot of issue

    <div class="container">

        <h1>Hello, world!</h1>

        <div class="row">

            <div class="col-md-6">
                <p>Asymmetrical YOLO banjo lomo fanny pack, shoreditch flexitarian enter code heredreamcatcher ethnic kitsch sriracha nisi sustainable swag. Cliche 90's farm-to-table master cleanse Pinterest jean shorts. Cillum raw denim aesthetic sunt.</p>

                <p>Aliqua photo booth literally veniam minim leggings, est craft beer `enter code here`banjo intelligentsia Truffaut officia. r.</p>
            </div>

            <div class="col-md-6">
                <p>Consectetur art party Tonx culpa semiotics.</p>

                <p>Wayfarers selvage YOLO, commodo assumenda eu est bespoke mlkshk.</p>
            </div>

        </div>

    </div>
</body>

Answer 1

这个例子适合我。确保正确引用了引导程序样式表。

http://www.bootply.com/122865

为什么我的Bootstrap列类堆叠而不是彼此并排排列？

1 个答案: