多平台统一管理软件接口，如何实现多平台统一管理软件接口
250
2023-07-12
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
解决bootstrap导航栏navbar在IE8上存在缺陷的方法
在Bootstrap的官网上，提供了一种导航栏的组件：
只要在站点文件夹放好JQ与Bootstrap输入如下代码：
Dropdown
Home
Profile
Messages
Settings
二、选择按钮组
这段笔者改了又改，主要是笔者对于此组件的理解不够透彻。
一个铺满页面的选择按钮组基本样式如下，
会随着浏览器的尺寸改变而改变，当然，当被压缩到极致时，不会像bootstrap自带的导航条navbar那样收起来，静静地躺在一个按钮中，
这种选择按钮组是可以毫无疑问地兼容IE8的，只是没有下拉菜单的按钮组其实是一个超级链接，用标签，而不是
具体代码如下：
Middle
Right
data-toggle="dropdown">
Dropdown
三、面板加表格，内嵌普通超链接文字
最普通的、最简单的事情往往是最实用的事情，不过这里使用表格来布局，而不是把页面划分成12份的栅格系统。因为12份遇到一些如5份的栏目并不好平均分配。
此面板使用了bootstrap提供的面板元素，同样可以根据窗口大小来自动调整。
代码比上面的两种解决方案简单的多，但同时也没有这么炫。不过朴素实用确实真的。
以上三种为解决bootstrap导航栏navbar在IE8上存在缺陷的方案。个人认为第一种有点少见与另类，第二种是笔者最推荐的，第三种觉得需要运用到表格，能避免则尽量避免吧。可以把选择按钮组放到一个面板里面，取代第三种上面的文字、表格内容也是可以。
如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：
Bootstrap学习教程
Bootstrap实战教程
Bootstrap插件使用教程
版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。
相关文章
发表评论
暂时没有评论，来抢沙发吧~