美文网首页我爱编程
添加Bootstrap组件

添加Bootstrap组件

作者: 梨啊梨 | 来源:发表于2017-11-09 16:42 被阅读0次

字体图标

需要引入字体图标,首先引入文件

说明网址:http://www.runoob.com/bootstrap/bootstrap-glyphicons.html

图标类不能直接与其他组件相结合,在同一个元素上也不能与其他类一起使用。需要嵌入<span>标签,并且<span>标签的类名必须是glyphicon

定义元素 引入图标资源 效果图

导航标签页

首先引入文件

说明网址:http://www.runoob.com/bootstrap/bootstrap-glyphicons.html

导航组件可以对列表进行修饰,生成漂亮的导航元素。

给ul再添加nav-tabs

菜单项会以标签页的形式,显示出来

nav-pills类,效果是胶囊式

胶囊式

nav-stacked 垂直

垂直

下拉菜单

太复杂了,实在没搞懂

相关文章

网友评论

    本文标题:添加Bootstrap组件

    本文链接:https://www.haomeiwen.com/subject/vsgpmxtx.html