我需要建立一个网上商店。
现在我试图div在主容器中放置一个额外的。为了将它居中，我为自动边距做了一个类。问题是它不适用于 Bootstrap 的col-lg-8. 我将背景涂成黑色，看看会发生什么。它是左对齐的。如果给一个固定的宽度与div将对齐在中央，但background-color没有显示由于的高度div即转向0px。
为什么当我使用 Bootstrap 时自动保证金不起作用col-lg-8？div当我给它一个固定的宽度时，为什么我的高度消失了。我之前遇到过这个问题，当我使用和自动高度时，div即使其中有一个带有输入的表单，它的高度也会得到 0 的值。我希望它可以扩展到内容。
<body>
<div id="container" class="container col-lg-12">
<div class="col-lg-8 margin-auto" style="background-color: #000;">
<form class="col-lg-12">
<input type="submit" value="Bestellen" />
</form>
</div>
</div>
</body>
您需要添加 a) arow和 b) 给您col-lg-8的偏移量为 2.margin-auto不适用于浮动元素（这就是 Bootstrap 3 处理col元素的方式）。
<div id="container" class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2" style="background-color: #000;">
<form class="col-lg-12">
<input type="submit" value="Bestellen" />
</form>
</div>
</div>
</div>
仅包含浮动元素的元素height: 0;默认具有。为了确保容器元素在视觉上包含其子元素，您需要向clearfix容器添加类。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句