2

我正在尝试从引导程序 2 迁移到 3，但我对新的网格系统有col-lg-*疑问span*

我的英语很蹩脚，所以我用例子来说明我的问题：

基本引导程序 2 模板： http ://bootply.com/71498

和 bootstrap 3，相同的模板，但我在其中col-lg-*使用span*

http://bootply.com/71499

任何想法 ？

4

2 回答 2

3

一些标签发生了变化。就像“thumbnail”现在是“img-thumbnail”一样，嵌套的行通常应该最多堆叠 12 列。

<div class="container">
<div class="row">
    <div class="col-lg-8">
            <div class="row">
                <div class="col-lg-3">
                    <img class="img-thumbnail" src="http://placehold.it/200x150">
                </div>
                <div class="col-lg-9">
                    <header class="entry-header">
                        <h2>Lorem Ipsum</h2>
                    </header>
                <p>Lorem Ipsum</p>
                </div>
            </div>
    </div>
    <div class="col-lg-4">
        Column 4
    </div>
</div>

于 2013-08-02T19:44:35.217 回答
1

这应该工作

<div class="col-lg-8">
            <div class="row">
                <div class="col-lg-3">
                    <img class="thumbnail" src="http://placehold.it/200x150">
                </div>
                <div class="col-lg-9">
                    <header class="entry-header">
                        <h2>Lorem Ipsum</h2>
                    </header>
                <p>Lorem Ipsum</p>
                </div>
            </div>
    </div>
于 2013-08-02T19:43:19.693 回答