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

col-md-4并没有占据4列，而是一行

<div class="container">

<div class="row">

<div class="col-md-4">.col-md-4</div>

<div class="col-md-8">.col-md-8</div>

</div>

<div class="row">

<div class="col-md-4">.col-md-4</div>

<div class="col-md-4">.col-md-4</div>

<div class="col-md-4">.col-md-4</div>

</div>

<div class="row">

<div class="col-md-3">.col-md-3</div>

<div class="col-md-6">.col-md-6</div>

<div class="col-md-3">.col-md-3</div>

</div>

</div>

慕村5184313

2017-03-11

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

关注问题我要回答

8137

操作

收起

9 回答

慕斯卡944558
2018-05-11

现在用了4.1.1版本，也设置了xs，但是还是是平铺到界面上。请问如何解决？

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

小米李二牛
2017-12-02

可能是你的bootstrap文件的版本太低.我用了V2.0.2的库按书上代码发现也不能生成多列.换高版本的库之后就正常了

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

什么都不会诶
2017-11-01

请问楼主问题解决了吗分享下

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

#1

小米李二牛

可能是你的bootstrap文件的版本太低.我用了V2.0.2的库按书上代码发现也不能生成多列.换高版本的库之后就正常了

2017-12-02 回复有任何疑惑可以回复我~

慕丝1033313
2017-07-03

是我搞错意思了。真尴尬啊

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

慕丝1033313
2017-07-03

我以为col-md-4是说将屏幕分成12份的情况下占4份，也就是说占屏幕的1/3呢

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

别净扯犊子
2017-04-28

把代码拿出到自己的浏览器中试下，屏幕大小问题

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

Mr_Tory
2017-03-12

在左侧预览屏幕太小，无法显示效果，建议粘贴代码自己在浏览器中打开看看

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

s深海i
2017-03-11

屏幕太小你换成xs试试

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

慕粉1470847362
2017-03-11

要把整个浏览器最大化

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

举报

0/150

提交

取消

玩转Bootstrap（基础）

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

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

本课相似问答

6 回答col-md-push-*和col-md-offset的区别？

2 回答第29行代码和列样式没对应 <div class="col-md-2">.col-md-3</div>

2 回答col-xs-6 col-md-3

1 回答col-xs-6 col-md-3

4 回答col-xs-6 col-md-3

搜索更多本课相关问答

col-md-4并没有占据4列，而是一行

我要回答关注问题

意见反馈帮助中心 APP下载