css - 是否可以水平居中对齐一行加起来不等于 12 的 Bootstrap 跨度?

标签 css twitter-bootstrap alignment html

<div class="row">
  <div class="span4"></div>
  <div class="span4"></div>
</div>

我了解到您总共需要 12 个 span。有没有办法仍然居中对齐我水平的两个跨度?上面的内容只会向左浮动。

我试过在它们周围放一个 wrapper 并自动留出边距,但没有任何反应。

我可以删除 span 类并只添加指定的宽度,但我需要 span 类来实现流畅的布局。

最佳答案

如果你想将 span4 的两列居中,你可以像这样使用偏移参数:

<div class="row">
  <div class="span4 offset2"></div>
  <div class="span4"></div>
</div>

请记住,这可能会在较低的分辨率下崩溃。为防止出现这种情况,请考虑使用流体网格布局。这是通过改变

<div class="row">

进入

<div class="row-fluid">

希望对您有所帮助!

关于css - 是否可以水平居中对齐一行加起来不等于 12 的 Bootstrap 跨度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15942858/

相关文章:

.net - 如果我有三个独立的值都可以放入 32 位,那么使用 uint 来存储它们是否有意义?

html - 如何水平居中元素?

javascript - 让 Paypal 捐赠改变 CSS

html - 选择将 html 标签文本切成两半

html - 在 HTML/CSS 中做列的最佳方式

python - 将 bootstrap 或 sylilng 添加到内置表单的 django

css - 根据流体跨度的宽度在 Bootstrap 中创建方形

css - 为什么我的按钮文本不能在按钮 [CSS] 的中间垂直对齐?

css - 如何用CSS制作新的长影趋势?

html - 如何自定义 Bootstrap 3 选项卡颜色