col-md-offset-* 的目的究竟是什么？

Question

col-md-offset-* 的目的究竟是什么？

究竟是什么目的col-md-offset-*？

我知道col-md-12没有偏移的目的。但我不知道，我试过玩它但仍然什么都没有。

Answer 1

.col-md-offset-* 将特定数量的虚拟 Bootstrap 列保留在任何列的左侧（有点像不可见的占位符）。

它用于从左边缘留出空间，您可以在我的示例中看到第一个 div 与偏移量一起使用，这就是它从左边缘显示的原因

<!DOCTYPE html>
<html lang="en">
<head>
  <title>Bootstrap Example</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>


<div class="container">
  <div class="row">
    <div class="col-md-4 col-xs-4  col-md-offset-2 col-xs-offset-2">
      <h3>Column 1</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    <div class="col-md-4 col-xs-4">
      <h3>Column 2</h3>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
      <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
    </div>
    
  </div>
</div>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，3 月前
查看次数：	12738 次
最近记录：	6 年，1 月前