html - 在 css 错误中居中 div 还是我只是做错了?

标签 html css twitter-bootstrap

所以我已经阅读了所有的教程,我找到的所有教程都告诉我做同样的基本事情。但是当我这样做时 我正在使用的代码:

.center{
width: 50%;
margin: 0px auto;
}

它采用我拥有的六个元素并将它们居中,但没有将 3 放在一条线上(我正在使用带有 6 个 span3 div 的 bootstrap,应该使 3 和 3)。

有什么想法吗?

最佳答案

在 bootstrap 中你需要遵循这个模式:

<div class="center">
    <div class="row">
         <div class="span3 offset2"></span>
         <div class="span3"></span>
         <div class="span3"></span>
    </div>
    <div class="row">
         <div class="span3 offset2"></span>
         <div class="span3"></span>
         <div class="span3"></span>
    </div>
</div>

您是否试图将 3 个跨度居中?

关于html - 在 css 错误中居中 div 还是我只是做错了?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14532826/

相关文章:

javascript - 当 slider 中的图像处于事件状态时显示 div

html - 输入内的影子根 div

html - Material 图标两色 : How to change the color of icon?

html - 对齐溢出滚动与图片高度

css - 当我关闭 Bootstrap 警报时,如何摆脱整行?

javascript - 为另一个 HTML 类设置选定选项

php - mysql_fetch_array() 提交表单时出错

html - 响应式选择菜单布局

html - CSS 动画,不适用于禁用的 Bootstrap 按钮

jquery - 粘性导航栏使内容跳跃