0

クライアントがサイトのデザインをアップグレードするのを手伝っており、ブートストラップをフレームワークとして使用して以下のサイトを構築しました。しかし、何かが本当にしつこいです-コンテナが私の中心にないようです. 原因は、コンテナに背景色が定義されていて、右側に余白がないことが原因と考えられます。物事の「全幅」を維持したいのですが、右側にパディングはありませんが、それを達成してコンテナを中央に配置する方法がわかりません。私に思い浮かぶ唯一のアイデアは、あまりにも多くのコードでいっぱいです。

この問題を解決するために採用する最も効率的な方法は何ですか?

http://www.dredwardliu.com/mobile

4

1 に答える 1

1

ざっと見てみると、div .body、.span4、および .span12 を含む行があることに気付きました。.body と .span4 を 1 行に配置し、span12 を独自の行に配置し、おそらく .span8 を .body に渡す必要があります。

実際には、その .content div に多くの行がありません。

これはあなたが今持っているものです：

 <div class="row">
    <div class="content">
      <div class="body">                      <-- should have a row start here
        (For Your Smile...)
        </div><!--body text-->
      </div><!--span8-->                      <-- missing div.span8

      <div class="span4">
        (meet Liu)
      </div><!--end map-->                   
                                              <-- should end row, begin a new row
      <div class="span12">
        (etc)
      </div><!--span12-->                     <-- end another row, begin another, etc.
于 2012-12-21T18:47:26.197 に答える