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可以禁用链接。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值