Question

我需要侧边栏。这是我的布局（不起作用）：

<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>

中心区块代码我已经here：

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

Answer 1

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

通过使用上面的代码，它会将center-block Div与其中的内容对齐，以便在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*/
}

Answer 2

要margin: 0 auto;工作，您还需要在width上设置div。

Answer 3

如果您想将内容居中，请尝试以下操作。

.center-block {
  text-align: center;
}

Answer 4

您还可以将span3的text-align属性设置为居中。

div.span3
{
    text-align:center;
}

希望这会回答你的问题：）

引导程序中的中心侧边栏内容

4 个答案: