首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

bootstrap组件一

2013-11-15 
bootstrap组件1Bootstrap提供了许多好看的Glyphicons图标。使用的方法也很简单,不过出于性能的考虑,所有图

bootstrap组件1
Bootstrap提供了许多好看的Glyphicons图标。使用的方法也很简单,不过出于性能的考虑,所有图标都需要基类和单独的图标类。Glyphicons图标可以放在按钮,工具栏的按钮组中,导航或输入栏的前面。下面的代码就是在按钮前面放入一个图标装饰:
<button type="button" class="btn btn-default btn-lg">
  <span class="glyphicon glyphicon-star"></span> Star
</button>
我们在浏览网页的导航时会出现下拉的二级子菜单,bootstrap里面的下拉菜单就实现了该功能。将下拉菜单触发器(dropdown-toggle)和下拉菜单(dropdown-menu)都包在.dropdown里,或者另一个生命了position:relative的元素。下拉菜单中还可以选择对齐方式,给下拉菜单.dropdown-menu加上.pull-right使文字右对齐。下拉菜单可以有标题,在任何下拉菜单中均可通过添加标题来标明一组动作,通过类.dropdown-header。有时,我们想禁用菜单项,给下拉菜单中的<li>加上.disabled可以禁用链接。

热点排行