如何使用Bootstrap2将div居中？
我尝试了所有组合：
<div class="row">
<div class="span7 offset5"> box </div>
</div>
要么
<div class="container">
<div class="row">
<div class="span7 offset5"> box </div>
</div>
</div>
已更改跨度和偏移量数字…
但是我无法得到一个完美地位于页面中央的简单盒子:(
我只想要一个6栏宽的盒子居中…
编辑：
做到了
<div class="container">
<div class="row" id="login-container">
<div class="span8 offset2">
box
</div>
</div>
</div>
但是盒子太宽了，我可以用span7做什么吗？
span7 offset2在左侧提供span7 offset3额外的填充在右侧提供额外的填充…
问题答案：
除了通过减少像这样跨度的大小股利本身萎缩到你想要的大小，… class="span6 offset3"，class="span4 offset4"等等......东西一样简单style="text-align: center"的DIV可以有你要找的效果
您不能将span7与任何设置的偏移量一起使用，而不能使span居中在页面上（因为总spans = 12）
-
问题内容： 我正在尝试制作一个小的用户名和密码输入框。 我想问一下，如何垂直对齐div？ 我所拥有的是： 如何使ID为Username和Form的div垂直对齐中心？我试着把： 在CSS中用于ID为Login的div，但似乎不起作用。任何帮助，将不胜感激。 问题答案： 现代浏览器中最好的方法是使用flexbox： 某些浏览器将需要供应商前缀。对于不支持Flexbox的较旧的浏览器（例如IE9及更低
-
问题内容： 我有一个宽度为100％的div。 我想将按钮居中放置，该怎么办？ 问题答案： 更新的答案 由于我注意到这是一个积极的答案，所以进行了更新，但是Flexbox现在是正确的方法。 现场演示 垂直和水平对齐。 只是水平的（只要主伸缩轴是水平的，这是默认值） 使用固定宽度且没有flexbox的原始答案 如果原始海报想要垂直和居中对齐，则对于固定按钮的宽度和高度非常容易，请尝试以下操作 CSS
-
问题内容： 我使用引导程序，并试图像这样将div（span7）居中： 我的CSS代码是： 但这并不是中心。如何设置中心？ 编辑 现在在Bootstrap 4中 问题答案： Twitter的引导程序类浮动在左侧，因此它们不会以通常的方式居中。因此，如果您希望它居中，只需将其添加到规则中即可。 CSS
-
问题内容： 我有一个div，希望它水平居中-尽管我给它的是不居中… 问题答案： 您需要设置和。 这指定了从窗口侧面偏移边缘边缘的距离。 类似于“ top”，但指定框的右边距边缘与框的包含块的[right / left]边缘的[left / right]偏移多远。 注意： 元素的宽度必须 小于 窗口的宽度，否则它将占用窗口的整个宽度。 如果可以使用媒体查询来指定 最小 边距，然后过渡到更大的屏幕尺寸
-
我想要中心的div水平与一个选项滚动使用CSS。我怎样才能做到呢？我看到了一个解决方案使用边距自动和最大宽度，但div将被削减，所以我没有这样做。 null null
-
问题内容： 我有一个要在div中居中的SVG。div的宽度为900px。SVG的宽度为400像素。SVG的margin-left和margin- right设置为auto。不起作用，它的作用就像是左边距为0（默认值）。 有人知道我的错误吗？ 问题答案： SVG默认为内联。添加到它，然后将按预期工作。