请问下老师，div不是块元素吗，应该独占一行，为何这里12列才占了一行，只有十三列才占据了下一行

请问下老师，div不是块元素吗，应该独占一行，为何这里12列才占了一行，只有十三列才占据了下一行

慕粉3125272 2018-03-05

源自：bootstrap栅格布局 2-1 认识栅格化布局

31

收起

3回答

业哲 2018-03-13 15:27:31

你能可以查到 float:left ; 所以没有独占一样。

然后可以查到每一个col- 它的宽度是用百分比实现的。应该源码里面有交代，最多为12个，超出12个的情况，更多的col- ，被挤到了下一行

小丸子爱吃菜 2018-03-05 17:39:51

针对你说的这个问题，请你上传代码，要结合上下文，才能明白是什么原因导致的。

小丸子爱吃菜 2018-03-05 16:45:55

因为在bootStrap中，给元素设置了.row，就默认元素占一行，这是这个框架直接定义好的，引用了这个类就是这样的样式。

它里面的元素可以根据列的设置去进行放置，下面的子元素div设置了col-md-1

建议跟着老师课程中的代码先去练习~
祝学习愉快！

提问者慕粉3125272 #1

我在有些代码中发现:用display:block设置几个元素，为什么这几个元素都在同一行，而不是一个元素占一行，明明是会级元素的嘛

2018-03-05 16:49:32
qq__9987 回复提问者慕粉3125272 #2

有可能是设置了弹性布局之类的。

2018-03-19 22:10:28

相似问题

老师浮动之后对前面元素无影响浮动至下一行左右边框顶端但为什么前面是行内元素会出现重叠呢

请问为什么把img变为行内元素不能起到文字环绕效果呢

元素设置display:flex后，子元素flex-item的属性

为什么蓝色区块到下面去了？不能与橙色区块在同一水平上吗？

float问题

登录后可查看更多问答，登录/注册

响应式开发与常用框架 2018

参与学习人
提交作业 2198 份
解答问题 5012 个

如果你有web端基础，既想进阶，又想进军移动端开发，那就来吧，我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等，让你在前端道路上畅通无阻！

本课精华内容

问答作业

图片高度不一样的问题

45 24

请问老师原理是什么

70 16

请问老师到底是什么机制

44 12

我的js为什么绑定不上啊

0 11

请问这个怎么解释

44 11

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载