bootstrap组件1

Bootstrap提供了许多好看的Glyphicons图标。使用的方法也很简单,不过出于性能的考虑,所有图标都需要基类和单独的图标类。Glyphicons图标可以放在按钮,工具栏的按钮组中,导航或输入栏的前面。下面的代码就是在按钮前面放入一个图标装饰:

<buttontype="button"class="btnbtn-defaultbtn-lg">

<spanclass="glyphiconglyphicon-star"></span>Star

</button>

我们在浏览网页的导航时会出现下拉的二级子菜单,bootstrap里面的下拉菜单就实现了该功能。将下拉菜单触发器(dropdown-toggle)和下拉菜单(dropdown-menu)都包在.dropdown里,或者另一个生命了position:relative的元素。下拉菜单中还可以选择对齐方式,给下拉菜单.dropdown-menu加上.pull-right使文字右对齐。下拉菜单可以有标题,在任何下拉菜单中均可通过添加标题来标明一组动作,通过类.dropdown-header。有时,我们想禁用菜单项,给下拉菜单中的<li>加上.disabled可以禁用链接。

相关推荐