Question

使用Bootstrap，我无法弄清楚我需要将“MiDs”元素置于中心位置，以便它与其余元素对齐，但黑色像现在一样偏离边缘。

Answer 1

我假设你需要将元素集中在一起.container-fluid。如果是，请按如下方式编辑样式：

.container-fluid {
...
/* min-width: 940px; remove this line */
width: 940px;
margin: 0 auto;
}

Answer 2

添加此

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

到

.brand

Answer 3

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

Answer 4

可能有一百万种方法来修饰这只猫，但我要做的是为包含链接的div添加一个额外的类（它已经有container-fluid作为类）。

您需要一个覆盖容器流体边距的类，因为您需要自动边距。猜猜哪个班级做到了？包裹！因此，将wrap添加到该div，整个内容将与您的内容一致。文本还没有集中在其中;它位于以现在为中心的div的左侧。

在标记方面我没有比那更深入，但我怀疑你不再需要你的旧祖先wrap元素了;它可能就在那里，因为它似乎是放置它的地方（包裹你想要的东西！）但我相信它只需要更深层次的嵌套，以逃避顶部栏的固定位置。

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

Answer 5

我想我在this question＆lt; -check那里要求的东西

对于黑人div：

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

这将使其扩展到浏览器的边缘，无论它有多宽。

然后制作另一个div，并margin-left:侧边菜单的宽度，这样就可以将“MiDs”以及放在侧边菜单右侧的其他内容推送到其中。

如果您希望它居中，请为其设置宽度并使用margin: auto;

Answer 6

试试这个..

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

Answer 7

.topbar h3 a, .topbar .brand {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: 200;
  line-height: 1;
  padding: 8px 20px 12px;
}

删除浮动？

无法使用CSS中心菜单栏

7 个答案: