0
我想問爲什麼偏移量在容器流體第一行不起作用。如果您將瀏覽器的大小調整到最小,您將看到第一行 - 數字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>