列的引导程序中的偏移量答案

【问题标题】：offset in bootstrap for column列的引导程序中的偏移量
【发布时间】：2016-12-15 19:29:42
【问题描述】：

我想问一下为什么容器流体中的偏移量，第一行不起作用。如果您将浏览器的大小调整到最小，您将看到第一行 - 数字 0 覆盖了偏移空间。你能告诉我为什么吗？

<!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="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

    <div class="container-fluid">

        <div class="row">

             <div class="col-xs-3 col-xs-offset-2" style="border-style:double;border-color:black;">0</div>

        </div>

        <div class="row">
            <div class="col-xs-1" style="border-style:double;border-color:black;">1</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">2</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">3</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">4</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">5</div>


        </div>

        <div class="row">
            <div class="col-xs-1" style="border-style:double;border-color:black;">6</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">7</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">8</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">9</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">10</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">11</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">12</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">13</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">14</div>
            <div class="col-xs-1" style="border-style:double;border-color:black;">15</div>


        </div>




    </div>


</body>
</html>

【问题讨论】：

标签： html offset bootstrapping

【解决方案1】：

它正在正常工作。偏移量用作放置在列之前的空白列。您的偏移量为 2 列。

【讨论】：