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

border-responsive并没有

这个案例中，并没有border-responsive类的<div>包裹，可是将窗口往右拖小后，为什么有了此类的响应式特征，出现了滚动条。

不肖生

2016-08-11

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

关注问题我要回答

1018

操作

收起

3 回答

linsuiyuan 回答被采纳 +3 积分
2016-08-12

这是浏览器自动产生的，就是内容在一页放不下的时候

就像下图一样

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

收起回答

不肖生提问者

不是这个，是水平滚动条，你将最右侧窗口拉到很小试试。

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

不肖生提问者
2016-08-14

不是，你可以比较一下table那几节的前几节没有responsive的，将最右侧拉到最小，表格单元格被挤扁，直到水平只容纳一个字而没有水平滚动条，responsive那一节单元格宽度不变而出现滚动条，但这一节没有responsive，却有了滚动条，明白我的意思了么。

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

收起回答

linsuiyuan

我明白你的意思，这样的话，你的问题问得有点不对，因为这里产生滚动条不是表格自带的滚动条，所以不属于“此类的响应式特征”。至于这里为什么会产生滚动条，我上面的回答也没错，是课程网页内嵌的那个浏览器的水平宽度不够显示内容了，就产生了水平滚动条。为什么水平宽度会不够呢，因为表格没办法再压缩了，原因就是我上面刚刚回复的那样。为什么在表格那几节有些不会产生滚动条呢？因为就算将它们拉到最右侧，它们压缩后的宽度仍小于内嵌浏览器的最小宽度，也就是说浏览器的水平宽度仍然够显示内容，就不会产生滚动条了。像 2-22节表格--鼠标悬浮高亮的表格，它最后也有产生滚动条的，因为水平宽度也不够了。

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

linsuiyuan
2016-08-12

就像这样

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

收起回答

不肖生提问者

这一节也有单元格宽度变化，只在最后一列，前两列没有。

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

linsuiyuan 回复不肖生提问者

前两列不是宽度没有变化，比如你全屏显示，它们就变宽了一些。而没有全屏时，再压缩它们的宽度已经没有办法再缩小了。至于原因，第一列是因为那些按钮没办法压缩宽度，第二列是因为那些代码（里面的内容用<code>包围了）没有办法压缩宽度。至于最后一列，因为里面内容只是普通文字，所以可以压缩宽度。

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

不肖生提问者回复 linsuiyuan

嗯，应该是这样的

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

查看1条回复

0/150

提交

取消

玩转Bootstrap（基础）

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

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

进入课程

本课相似问答

4 回答table-responsive 没出现滚动条

1 回答border属性，没有对齐如何解决？？

4 回答css并没有用吧？

2 回答响应式表格 .table-responsive 是什么意思

1 回答.btn-group > .btn-group:first-child> .btn:last-child, .btn-group > .btn-group:first-child> .dropdown-toggle { border-top-right-radius: 0; border-bottom-right-radius: 0; } 这里是嵌套的btn-group吗？那为什么没有对.btn-group:last-last做border-top-left-radius:0; border-bott

搜索更多本课相关问答

border-responsive并没有

我要回答关注问题

热搜

最近搜索清空

border-responsive并没有

3 回答

本课相似问答

border-responsive并没有