-3

私はブートストラップが初めてで、グリッドシステムを使用してかなり単純なものをレイアウトしようとしていますが、苦労しています. ここに私が欲しいものがあります: ここに画像の説明を入力

基本的に、左のレポートのタイトルです。ログインボタンが右に浮かびました。その下にレポート基準があるパネル。サイドバーにはレポートのリストが含まれており、その右側にはレポートの実際のコンテンツがあります。

パネルなどの配置に困っています。別の問題は、ワイドスクリーンでパネルの幅が特定の幅で最大になることです。

この種のことを行う方法に関するヒントや例、または優れたチュートリアルを探しています。

4

1 に答える 1

1

開始するための簡単なモックアップは次のとおりです。http://jsfiddle.net/panchroma/hjhtF/

@isherwoodが述べたように、足場のドキュメントをチェックしてください。

HTML

<div class="container">
<div class="row-fluid">
    <div class="span12">
        <h3>Report Criteria ....</h3>
        <span class="pull-right btn">login</span>
    </div><!-- end span12 -->
</div> <!-- end row -->

<div class="row-fluid">
    <div class="span3">
        <h3>Category</h3>
        <ul class="side-nav">
            <li>a</li>
        </ul>
    </div><!-- end span3 -->

    <div class="span9">
    <table class="table">
    <!-- table details -->
    </table>
    </div><!-- end span9 -->
</div> <!-- end row -->


</div><!-- end container -->

これで始められることを願っています!

于 2013-03-22T18:39:39.593 に答える