0

私はアプリを開発するためにTwitterブートストラップを使用しています、

1つのサブヘッダー、1つのサイドバー、およびメインコンテンツ。以下はテストです。

ここに例フォトショップ！[例] [1]

例を再現したいのですが、結果は良くありません

<div class="navbar">
    <div class="navbar-inner">
        <a class="brand" href="#">Title</a>
        <ul class="nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#">Link</a></li>
            <li><a href="#">Link</a></li>
        </ul>
    </div>
</div>
<div id="sub-header">subheader???</div>
<div class="container-fluid">
    <div class="row-fluid">
      <div class="span9" id="file">
          <ol class="group" id="alist">
            <li>
              <div class="filename">
                  <i class="icon-ban-circle"></i>
                  <span> 3 files .</span>
              </div>
              <div class="alist">
                  <span class="info">28 minutes ago</span>
              </div>
           </li>
        </ol>
     </div>
    <div class="span3" id="sidebar">
    <li>
        <div class="filename2">
           <i class="icon-ban-circle"></i><span> INFO .</span>
        </div>
    </li>
      <div class="row-fluid" >
        <div class="span12 center-block">
    <li>
        <div class="filename">
           <i class="icon-ban-circle"></i><span> INFO .</span>
        </div>
    </li>
        </div>
      </div>
    </div>
  </div>

</div>

オンラインテスト：http：//jsfiddle.net/q2CBj/

だから、Twitterのブートストラップで画像のように良いサブヘッダーとコンテンツを再現する方法???

私の英語でごめんなさい。

今後の返信に感謝します。

4

1 に答える 1

1

ブートストラップのドキュメントにレイアウトの例がたくさんあります。それらを見てください。

まず、何を試しましたか？ブートストラップ用のテーマローラー、 http://bootswatchr.com/またはhttp://www.bootstrapthemeroller.com/を試すことをお勧めします。ここで、必要なものを簡単に作成できます。

于 2013-02-19T23:03:54.383 に答える