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

手机版的不能变成垂直状态

把url换成的了div 实现的对齐，但是手机版的不会变成垂直状态？原因是？

smilepll

2015-03-25

源自：玩转Bootstrap（基础） 6-5

关注问题我要回答

978

操作

收起

2 回答

风飘叶摇
2017-03-31

因为在ul中，a标签都是单独添加在li中，BS中设置了li>a的属性为块元素，块元素的属性都是默认占满一整行的；ul菜单在bootstrap源码中实现水平排列是需要电脑分辨率大于768px，a块才以浮动形式排列成水平导航条的。而在手机屏幕上，分辨率都是小于768px的，nav-text没有浮动功能，所以a块会换行。

而第二种div的方法中，通过F12查看源码可发现，navbar-text在分辨率大于768px时有浮动的功能，但是a在此处只是个内联元素，在屏幕分辨率大于768px时，加入浮动后，实质上也只是个内联块级元素，可以设置内外边距。当屏幕小于768px时，a元素仅仅只是个内联元素而已，所以是不会垂直排列的。

结论：（后边还没学习，不知道又没有什么BS新招数）我觉得手机上还是直接使用响应式导航就好，手机屏幕那么小，哪里能设置什么太复杂的排版，不用太纠结。