web-dev-qa-db-ja.com

Twitter Bootstrap v3.0で2列の流体レイアウトを作成する方法

bootstrapはv3.0で* fluid cssクラスを削除したため、2列の流体レイアウトを作成する方法を見つけることができませんでした。目標は、古いドキュメントのFluid Layoutの例に似たレイアウトを実現することです。 http://getbootstrap.com/2.3.2/scaffolding.html#layouts

css3twitter-bootstrapresponsive-designtwitter-bootstrap-3
38
RonyK

Bootstrap 3のグリッドはデフォルトで流動的になりました（ http://getbootstrap.com/getting-started/#migration-dropped ）。使用する必要があるだけです。 .rowおよび.container ..

<div class="container">
    <div class="row">
        <div class="col-md-2">
            Sidebar content
        </div>
        <div class="col-md-10">
            Body content
        </div>
    </div>
</div>

ただし、これは100％の幅にはなりません。 100％の幅が必要な場合は、次のようなことができます。 http://www.bootply.com/86324

UPDATE：3.0.1以降ではcontainer-fluid全幅。

75
Zim