我就想问下第二列嵌套的9、3为什么会换行？然而第二列第二列的8、4为什么不会？
嘉瑜猫
2015-12-13 17:11
我就想问下第二列嵌套的9、3为什么会换行？然而第二列第二列的8、4为什么不会？
5回答
-
- qq_____暖_0
- 2015-12-13 17:20:48
chrome 里面我测试了 并不会存在换行~~
-
- qq_梦里梦不出梦里梦_0
- 2016-01-26 12:09:13
因为你9+3>12总平分之后，宽度不够，就会导致自动换行
-
- echo_kinchao
- 2015-12-14 17:29:12
宽度不够 导致挤压换行
-
- qq_____暖_0
- 2015-12-13 17:21:09
是不是你浏览器的问题？
-
- 嘉瑜猫
- 2015-12-13 17:11:57
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>列的嵌套</title>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-xs-8">我是第一列
<div class="row">
<div class="col-xs-8">我</div>
<div class="col-xs-4">我</div>
</div>
</div>
<div class="col-xs-4">我是第二列
<div class="row">
<div class="col-xs-9">你</div>
<div class="col-xs-3">你</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xs-8">我是第一列
<div class="row">
<div class="col-xs-8">我</div>
<div class="col-xs-4">我</div>
</div>
</div>
<div class="col-xs-4">我是第二列
<div class="row">
<div class="col-xs-8">你</div>
<div class="col-xs-4">你</div>
</div>
</div>
</div>
</div>
</body>
</html>
玩转Bootstrap（基础）
314544 学习 · 2275 问题
相似问题