手机版的不能变成垂直状态
把url换成的了div 实现的对齐，但是手机版的不会变成垂直状态？原因是？
2 回答
因为在ul中，a标签都是单独添加在li中，BS中设置了li>a的属性为块元素，块元素的属性都是默认占满一整行的；ul菜单在bootstrap源码中实现水平排列是需要电脑分辨率大于768px，a块才以浮动形式排列成水平导航条的。而在手机屏幕上，分辨率都是小于768px的，nav-text没有浮动功能，所以a块会换行。
而第二种div的方法中，通过F12查看源码可发现，navbar-text在分辨率大于768px时有浮动的功能，但是a在此处只是个内联元素，在屏幕分辨率大于768px时，加入浮动后，实质上也只是个内联块级元素，可以设置内外边距。当屏幕小于768px时，a元素仅仅只是个内联元素而已，所以是不会垂直排列的。
结论：（后边还没学习，不知道又没有什么BS新招数）我觉得手机上还是直接使用响应式导航就好，手机屏幕那么小，哪里能设置什么太复杂的排版，不用太纠结。
举报
0/150
提交
取消
