html - col-md-offset-* 的确切目的是什么?

标签 html css twitter-bootstrap

col-md-offset-* 的确切用途是什么?

我知道 col-md-12 没有偏移量的目的。但我不知道,我试过玩它但还是一无所获。

最佳答案

简短的回答。 Offset 在我们的数据列之前创建具有自定义宽度的空列。如果您想在包含数据的列之后创建具有自定义宽度的空列,请使用 pull (col-md-pull-*)。

示例: 在中等大小的窗口中,我们要创建 2 个空单元格、7 个包含内容的单元格和 3 个空单元格。我们可以这样做。

<div class="row">
    <div class="col-md-offset-2 col-md-7 col-md-pull-3">OUR CONTENT</div>
</div>

这就是它在没有偏移的情况下的样子。我们应该创建具有自定义宽度的空 div。

  <div class="row">
        <div class="col-md-2"></div>
        <div class="col-md-7">OUR CONTENT</div>
        <div class="col-md-3"></div>
  </div>

关于html - col-md-offset-* 的确切目的是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38500828/

相关文章:

html - 如何将数据属性添加到 <figure> 元素,然后从 CSS 访问它?

javascript - 无法使用 .attr() 设置 href

javascript - Jquery .addClass 和 .removeClass 不工作?

css - 如何防止特定的CSS样式表对特定的html标签进行样式化

html - 我可以在行内使用 Bootstrap 容器类吗?

html - CSS 自定义光标图像 - 溢出隐藏

javascript - 使用jquery编写动态html

html - DIV 背景中的错误未覆盖垂直菜单

html - IE 9背景图片位置属性

javascript - 命令 "window.location.href"不适用于 HTML(Bootstrap 框架)