                        课程
                    
                        /前端开发
                        
                            /Bootstrap
                        
                        /玩转Bootstrap（基础）

我就想问下第二列嵌套的9、3为什么会换行？然而第二列第二列的8、4为什么不会？

我就想问下第二列嵌套的9、3为什么会换行？然而第二列第二列的8、4为什么不会？

嘉瑜猫

2015-12-13

源自：玩转Bootstrap（基础） 4-6

关注问题我要回答

947

操作

收起

6 回答

qq_____暖_0 回答被采纳 +3 积分
2015-12-13

chrome 里面我测试了并不会存在换行~~

0 回复有任何疑惑可以回复我~

#1

嘉瑜猫提问者

我用的是safari

2015-12-13 回复有任何疑惑可以回复我~

#2

嘉瑜猫提问者

非常感谢！

2015-12-13 回复有任何疑惑可以回复我~

qq_梦里梦不出梦里梦_0
2016-01-26

因为你9+3>12总平分之后，宽度不够，就会导致自动换行

0 回复有任何疑惑可以回复我~

#1

vvv转型程序猿

9+3>12？

2016-08-14 回复有任何疑惑可以回复我~

echo_kinchao
2015-12-14

宽度不够导致挤压换行

0 回复有任何疑惑可以回复我~

qq_____暖_0
2015-12-13

是不是你浏览器的问题？

0 回复有任何疑惑可以回复我~

嘉瑜猫提问者
2015-12-13

<!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>

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

玩转Bootstrap（基础）

参与学习 314544 人
解答问题 2275 个

告诉你使用Bootstrap，并且能够独立定制出适合自己的Bootstrap

本课相似问答

1 回答一行两列，第一列嵌套，后面没嵌套的样式设置问题。

2 回答列嵌套的列数怎么算？

2 回答这个就是第二种方法么第二种方法的原理是什么呢请问？

1 回答嵌套与被嵌套的列宽不配合

4 回答想要在列表组内再嵌套个列表组

搜索更多本课相关问答

我就想问下第二列嵌套的9、3为什么会换行？然而第二列第二列的8、4为什么不会？

我要回答关注问题

意见反馈帮助中心 APP下载