                        課程
                    
                        /前端開發
                        
                            /Bootstrap
                        
                        /玩轉Bootstrap（基礎）

border-responsive并沒有

這個案例中，并沒有border-responsive類的<div>包裹，可是將窗口往右拖小后，為什么有了此類的響應式特征，出現了滾動條。

不肖生

2016-08-11

源自：玩轉Bootstrap（基礎） 3-9

關注問題我要回答

1058

操作

收起

3 回答

linsuiyuan 回答被采納 +3 積分
2016-08-12

這是瀏覽器自動產生的，就是內容在一頁放不下的時候

就像下圖一樣

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

收起回答

不肖生提問者

不是這個，是水平滾動條，你將最右側窗口拉到很小試試。

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

不肖生提問者
2016-08-14

不是，你可以比較一下table那幾節的前幾節沒有responsive的，將最右側拉到最小，表格單元格被擠扁，直到水平只容納一個字而沒有水平滾動條，responsive那一節單元格寬度不變而出現滾動條，但這一節沒有responsive，卻有了滾動條，明白我的意思了么。

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

收起回答

linsuiyuan

我明白你的意思，這樣的話，你的問題問得有點不對，因為這里產生滾動條不是表格自帶的滾動條，所以不屬于“此類的響應式特征”。至于這里為什么會產生滾動條，我上面的回答也沒錯，是課程網頁內嵌的那個瀏覽器的水平寬度不夠顯示內容了，就產生了水平滾動條。為什么水平寬度會不夠呢，因為表格沒辦法再壓縮了，原因就是我上面剛剛回復的那樣。為什么在表格那幾節有些不會產生滾動條呢？因為就算將它們拉到最右側，它們壓縮后的寬度仍小于內嵌瀏覽器的最小寬度，也就是說瀏覽器的水平寬度仍然夠顯示內容，就不會產生滾動條了。像 2-22節表格--鼠標懸浮高亮的表格，它最后也有產生滾動條的，因為水平寬度也不夠了。

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