Bootstrap 3示例
Bootstrap 3示例
Font Awesome完全兼容Bootstrap的所有组件。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <a class="btn btn-danger" href="#"> <i class="fa fa-trash-o fa-lg"></i> Delete</a><a class="btn btn-default btn-sm" href="#"> <i class="fa fa-cog"></i> Settings</a><a class="btn btn-lg btn-success" href="#"> <i class="fa fa-flag fa-2x pull-left"></i> Font Awesome<br>Version 4.6.3</a><div class="btn-group"> <a class="btn btn-default" href="#"> <i class="fa fa-align-left" title="左对齐"></i> </a> <a class="btn btn-default" href="#"> <i class="fa fa-align-center" title="剧中对齐"></i> </a> <a class="btn btn-default" href="#"> <i class="fa fa-align-right" title="右对齐"></i> </a> <a class="btn btn-default" href="#"> <i class="fa fa-align-justify" title="平均分布"></i> </a></div><div class="input-group margin-bottom-sm"> <span class="input-group-addon"><i class="fa fa-envelope-o fa-fw"></i></span> <input class="form-control" type="text" placeholder="您的邮箱地址"></div><div class="input-group"> <span class="input-group-addon"><i class="fa fa-key fa-fw"></i></span> <input class="form-control" type="password" placeholder="请输入密码"></div><div class="btn-group open"> <a class="btn btn-primary" href="#"><i class="fa fa-user fa-fw"></i> 用户</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> <span class="fa fa-caret-down" title="打开下拉菜单"></span> </a> <ul class="dropdown-menu"> <li><a href="#"><i class="fa fa-pencil fa-fw"></i> 编辑</a></li> <li><a href="#"><i class="fa fa-trash-o fa-fw"></i> 删除</a></li> <li><a href="#"><i class="fa fa-ban fa-fw"></i> 屏蔽</a></li> <li class="divider"></li> <li><a href="#"><i class="fa fa-unlock"></i> 锁定管理员</a></li> </ul></div> |
签名：这个人很懒，什么也没有留下！
最新回复 (0)