引导中的中间侧边栏内容

我需要居中侧边栏。这里是我的布局（不工作）：引导中的中间侧边栏内容

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

来源

2012-07-05 SiberianGuy

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

来源

2012-07-05 10:03:19 Rhyso

我试过，但没有奏效 – SiberianGuy 2012-07-05 11:04:42

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

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

来源

2012-07-05 10:04:16 Daniel

但我并不想中心的文字，我想中心块本身 – SiberianGuy 2012-07-05 10:06:41

尝试为所有父div设置宽度。 – Daniel 2012-07-05 10:08:21

您还可以设置span3到中心的text-align属性。

div.span3 
{ 
    text-align:center; 
}

希望这会回答你的问题:)

来源

2012-07-05 10:05:55

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

通过使用上面的代码将居中center-block股利不是它里面的内容，结合你的内容，你需要在.center-block类添加text-align:center像这样：

.center-block { 
    margin:0 auto; /*It will center the block*/ 
    float:none; 
    text-align:center; /*It will center the content inside block*/ 
}

来源

2012-07-05 10:11:57

我不想以内容为中心，我想以内容块为中心 – SiberianGuy 2012-07-05 11:05:10

在css中为'row-fluid'或'span3'或'container-fluid'定义了任何'宽度？ – 2012-07-05 11:08:10

是的，其实span3定义了宽度 – SiberianGuy 2012-07-05 11:11:20

引导中的中间侧边栏内容

回答

相关问题