1

使用 Bootstrap，我无法弄清楚我需要将“MiDs”元素居中以使其与其余元素对齐，但黑色会像现在一样脱离边缘。

4

7 回答 7

3

我假设您需要将元素 .container-fluid 居中。如果是这样，请按如下方式编辑样式：

.container-fluid {
...
/* min-width: 940px; remove this line */
width: 940px;
margin: 0 auto;
}
于 2011-11-26T09:30:32.027 回答
0

添加这个

margin: 0px 50% -40px 50%;

至

.brand

于 2011-11-26T04:05:52.793 回答
0

尝试这个..

<div class="container-fluid">
<span><a class="brand" href="/index.php">MiDs</a></span>
---------
-------
------
</div>

/*css*/

.container-fluid span {
display:block;
width:100px;
margin:0 auto;
}
于 2011-11-26T09:36:03.973 回答
0 
.topbar h3 a, .topbar .brand {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  padding: 8px 20px 12px;
}

删除浮动？

于 2011-11-26T09:37:47.210 回答
0

我要做的是在黑条中创建一个与页面其余部分宽度相同的 div，并将其居中。如果您将 MiD 放入其中，它将与页面的其余部分对齐。

于 2011-11-26T05:18:55.457 回答
0

可能有一百万种方法可以给这只猫剥皮，但我要做的是向其中包含您的链接的 div 添加一个额外的类（它已经container-fluid作为一个类）。

您需要一个覆盖容器流体边距的类，因为您需要自动边距。猜猜哪个班是这样的？裹！因此，添加wrap到该 div 中，整个内容将与您的内容保持一致。文本尚未居中；它位于现在居中的 div 的左侧。

在标记方面我没有深入挖掘，但我怀疑你不再需要你的旧祖先wrap元素了；它可能在那里，因为它看起来像是放置它的地方（将你想要的东西包裹在那里！）但我相信它只需要更深入地嵌套才能摆脱顶部栏的固定位置。

您还需要将文本本身居中吗？您需要取消浮动锚点，然后相应地调整填充，因为它已移动到文档流中。

于 2011-11-26T05:19:43.053 回答
0

我想我在这个问题中要求的是什么<-检查那里的小提琴看看

对于黑色 div：

position: absolute;
left: 0;
right: 0;

这将使它延伸到浏览器的边缘，无论它有多宽。

然后制作另一个 div 和margin-left:侧边菜单的宽度，因此它将“MiDs”和您放入其中的任何其他内容推到侧边菜单的右侧。

如果你想让它居中，设置一个宽度并使用margin: auto;

于 2011-11-26T05:24:09.183 回答