http://twitter.github.com/bootstrap/scaffolding.html

我试了所有的组合:

<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列宽的盒子...


edit:

就是这样做的

<div class="container">
  <div class="row" id="login-container">
    <div class="span8 offset2">
       box
    </div>
  </div>
</div>

但是箱子太宽了,有没有办法用Span7来做呢?

span7 offset2给左边额外的填充span7 offset3给右边额外的填充.

推荐答案

除了将div本身缩小到您想要的大小之外,还可以像这样缩小跨度大小...class="span6 offset3"class="span4 offset4"等...在div上使用style="text-align: center"这样简单的东西可能会产生你想要的效果

不能将span7与任何设置的偏移一起使用,并使跨距在页面上居中(因为总跨距=12)

Css相关问答推荐

创建始终为剪辑元素的300%高度并左对齐的圆形剪辑路径

使用普通 CSS 的视口对角线长度

同时实现渐变文本和闪光文本效果是否可行?

CSS关键帧中使用transform-origin存在问题的解决方案

如何使代码块输出在 quarto revealjs 演示文稿中水平滚动

如何使用 ReactJS 使用 CSS 设置 map 容器的样式

将 tailwincss 转换为普通 CSS?

热门制作渐变半红/半蓝?

使用 display:inline-block 渲染多行文本组件,行间有白色间隙

如何应用适当样式的元素加消息框?

CSS:菜单图标动画

如何将 Google 字体链接到我的 Nuxt 文件?

css3比例周围的空白

Angular Material 中的样式垫 Select

flex-wrap 如何与 align-self、align-items 和 align-content 一起使用?

Select 标签的占位符

是否允许在链接中嵌套链接?

Rails 中正确的 SCSS assets资源 struct

脉动的心脏 CSS 动画

仅使用 CSS 交换 DIV 位置