Question

我正在尝试从bootstrap 2迁移到3但我遇到的问题是新的网格系统col-lg-*而不是span*

我在英语中跛脚，所以我在例子上表明我的问题：

Base bootstrap 2模板： http://bootply.com/71498

和bootstrap 3，相同的模板，但我使用col-lg-*而不是span*

任何想法？

Answer 1

部分标签已更改。就像“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>

Answer 2

这应该有效

<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>

Bootstrap 3新的网格系统和col-lg

2 个答案: