課程
/前端開發
/Bootstrap
/玩轉Bootstrap（基礎）
我就想問下第二列嵌套的9、3為什么會換行？然而第二列第二列的8、4為什么不會？
2015-12-13
源自：玩轉Bootstrap（基礎） 4-6
正在回答
chrome 里面我測試了 并不會存在換行~~
嘉瑜貓 提問者
因為你9+3>12總平分之后，寬度不夠，就會導致自動換行
vvv轉型程序猿
寬度不夠 導致擠壓換行
是不是你瀏覽器的問題？
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>列的嵌套</title>
<link rel="stylesheet" >
<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="col-xs-9">你</div>
? ? ? ? ? ? ? ? <div class="col-xs-3">你</div>
? ? </div> ? ?
? ? ? ? ? ? ? ? <div class="col-xs-8">你</div>
? ? ? ? ? ? ? ? <div class="col-xs-4">你</div>
? ? </div>
</div>
</body>
</html>
舉報
告訴你使用Bootstrap，并且能夠獨立定制出適合自己的Bootstrap
1 回答一行兩列，第一列嵌套，后面沒嵌套的樣式設置問題。
2 回答列嵌套的列數怎么算？
2 回答這個就是第二種方法么 第二種方法的原理是什么呢請問？
1 回答嵌套與被嵌套的列寬不配合
4 回答想要在列表組內再嵌套個列表組
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-13
chrome 里面我測試了 并不會存在換行~~
2016-01-26
因為你9+3>12總平分之后，寬度不夠，就會導致自動換行
2015-12-14
寬度不夠 導致擠壓換行
2015-12-13
是不是你瀏覽器的問題？
2015-12-13
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>列的嵌套</title>
<link rel="stylesheet" >
<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>