0

私の Bootstrap のセットアップは非常に単純で、この例とよく似ています。左にサイドバー、右にコンテンツがあります。私が達成しようとしている簡単な作業は、ページの右側をセンタリングすることです。

もっと一般的には、内部に配置された div を中央に配置したいと思いdiv.span9ます。使用しまし.span4 .offset4たが、機能しません：

<!--End of sidebar -->
<!-- Right side -->
<div class="span9">
    <!-- Right side-->
    <div class="form-container span4 offset4">
        <form class="form-horizontal">
            <!-- ... -->
        </form>
    </div>
</div>
<!--/span-->

ここでは、完全なコードとjsFiddle の実際の例を確認できます。どんな助けでも大歓迎です、ありがとう。

4

1 に答える 1

1

更新: Bootstrap は 2.1.0 以降 (またはその前後) の流体オフセットをサポートしています。Fluid Offsetingのドキュメントを参照してください。

流体グリッドにはオフセットがありません。これを確認してください：BootstrapのFluid Rowのオフセットマージン左パーセンテージ

次に、オーバーフローするコンテンツを配置すると、コンテナ.span4にのみセンタリングが適用されます。.span4コンテンツの幅も修正する必要があります (つまり.control-groupと.control)。

簡単な方法を好む場合は、グリッドを静的 (非流動的) に保ち、.offsetXクラスまたはを使用できますmargin-left: auto; margin-right: auto;。

于 2012-07-09T20:44:04.477 に答える