我爱编程

添加Bootstrap组件

2017-11-09  本文已影响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 垂直

垂直

下拉菜单

太复杂了,实在没搞懂

上一篇 下一篇

猜你喜欢

热点阅读