我想问为什么偏移量在容器中-流体,第一行不起作用。如果您将浏览器的大小调整到最小,您将看到第一行-编号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>发布于 2017-01-17 12:09:35
它正在按照它应该工作的方式工作。偏移量用作放置在列之前的空白列。您的偏移量的大小为2列。
https://stackoverflow.com/questions/41171926
复制相似问题