相关疑难解决方法(0)

Bootstrap中行类的用法是什么?

我认为这可能是一个愚蠢的问题,但我不明白.rowTwitter Bootstrap中该类的用法.那么,它用于什么?

我试图在这个结构中做这样的事情:

LOGO
SUB-MESSAGE
MENU 1  | MENU 2  | MENU 3  | MENU ...
CONTENT                                            | ADS
CONTENT                                            | ADS
CONTENT                                            | ADS
CONTENT                                            | ADS
...                                                | ...
Run Code Online (Sandbox Code Playgroud)

什么应该是这个和需要行的基本结构?

css twitter-bootstrap

10
推荐指数
1
解决办法
5781
查看次数

.row在Bootstrap中的目的是什么?

根据Bootstrap的文档

行必须放在.container(固定宽度)或.container-fluid(全宽)内

和

使用行创建水平列组.

为什么这有必要?

甲.row只能占据的任一的最大宽度.container或.container-fluid

鉴于你必须关闭,.row它似乎写得更长:

<div class="container">
    <div class="row">
        <div class="col-md-6">
            <h1>Column A</h1>
        </div>
        <div class="col-md-6">
            <h1>Column B</h1>
        </div>
    </div>

    <div class="row">
        <div class="col-md-6">
            <h1>Column C</h1>
        </div>
        <div class="col-md-6">
            <h1>Column D</h1>
        </div>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

比这个:

<div class="container">
    <div class="col-md-6">
        <h1>Column A</h1>
    </div>
    <div class="col-md-6">
        <h1>Column B</h1>
    </div>
 </div>

<div class="container">
    <div class="col-md-6">
        <h1>Column C</h1>
    </div>
    <div class="col-md-6">
        <h1>Column D</h1>
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css twitter-bootstrap twitter-bootstrap-3

5
推荐指数
1
解决办法
3663
查看次数