2

Bootstrapを使い始めたばかりで（これまでグリッドシステムを使用したことがありません）、流体グリッドシステムを実装する適切な方法を理解するのに問題があります。サイトの再設計が必要になるのではないかと少し心配です。詳しくは画像をご覧ください。

問題1：サイト全体の周りに白い境界線/パディングを追加し、それでも縮尺を調整する適切な方法は何ですか。新しい行の最初と最後に追加する必要がありますか、それともグローバルに適用する簡単な方法がありますか？

問題2： 画像スライダーのコントロールなど、一部のコンテンツが余白に表示されます。これは問題になるのでしょうか、それとも、すべての列にいくつかのパディングを含むスパンを作成することで簡単に解決できるのでしょうか。

問題3： Bootstrapにはデフォルトの12列システムがあることは知っていますが、「カスタムダウンロード」を使用すると非常に簡単にカスタマイズできるようです。@gridColumnsフィールドに14を入力するのと同じくらい簡単ですか、それともピクセル幅も変更する必要がありますか？

4

1 に答える 1

2

問題1： 1つのオプションは、divにコンテンツをラップさせることです。次に例を示します。

HTML

<div class="wrapper">
    <div class="container">
        // ...
    </div>        
</div>

CSS

.wrapper{
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
}

問題2：たとえば、次の ようなものを使用margin-left: -20pxして、アイテムをコンテナから押し出すことができます。

問題3： はい、ビルダーを使用してカスタマイズできますが、たとえば、デフォルトの940px幅を維持したいが、14列ある場合は、列幅変数も調整する必要があります。

于 2013-03-06T00:28:07.250 に答える