2

サイドバーを中央に配置する必要があります。これが私のレイアウトです（これは機能しません）：

<body>
  <div class="container-fluid">
    <div class="row-fluid">
      <div class="span9">
        ...
      </div>
    <div class="span3">
    //sidebar
      <div class="row-fluid">
        <div class="span12 center-block">
          //content which should be centered
        </div>
      </div>
    </div>
  </div>
</body>

ここで取ったセンターブロックコード：

.center-block {
 margin:0 auto;
 float:none;
}
4

4 に答える 4

1 
.center-block {
    margin:0 auto;
    float:none;
}

上記のコードを使用すると、内部のコンテンツではなく Div が中央に配置され、コンテンツを整列させるために、次のようにクラスcenter-blockに追加する必要があります。text-align:center.center-block

.center-block {
    margin:0 auto; /*It will center the block*/
    float:none;
    text-align:center; /*It will center the content inside block*/
}
于 2012-07-05T10:11:57.323 に答える
0

コンテンツを中央に配置する場合は、次のことを試してください。

.center-block {
  text-align: center;
}
于 2012-07-05T10:04:16.563 に答える
0

span3のtext-alignプロパティをcenterに設定することもできます。

div.span3
{
    text-align:center;
}

これがあなたの質問に答えることを願っています:)

于 2012-07-05T10:05:55.813 に答える
0

を機能させるには、margin: 0 auto;にも を設定する必要があります。widthdiv

于 2012-07-05T10:03:19.893 に答える