bootstrap3 组件

字体图标 glyphicon

<span class="input-group-addon"><span class="glyphicon glyphicon-search"></span></span>

导航

ul class= nav nav-tabs
li class=active
胶囊式
ul class=nav nav-pills

image.png

image.png

下拉式

image.png

breadcrumb

image.png

徽章 badge

标签 label

进度条

image.png

面板

image.png

pagination

image.png

列表组：list-group list-group-item

按钮组： btn-group

警告类信息

image.png

推荐阅读更多精彩内容

• Bootstrap3的简单元素学习

  本篇文章学习一些bootstrap3的一些基本元素的简单样式，这些基本元素为按钮，文本，表格，表单和背景等，一样一...

  elkelk阅读 1,278评论 0赞 1
• bootstrap

  bootstrap CSS# 一、容器.container 包裹其他元素div.row 必须放在.conta...

  贞贞姐阅读 950评论 0赞 14
• 学习Bootstrap3组件之下拉菜单及组合

  bootstrap 的组件和基本样式相比，大都是细节修饰性的，使用背景、边框、圆角、分隔线、组合、图标、颜色、大小...

  ldhonline阅读 4,495评论 0赞 1
• bootstrap组件

  一、小图标 1.如需使用图标，只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。 实例 2.带有字...

  溺于眼里星河阅读 878评论 0赞 0
• 用图画做读书笔记

  雨之岛，2017年4月9日 高中时候，高考紧张，奈何自己是艺术生，总想给自己放假，总能自由活动，少去上课，更不参加...

  雨之岛阅读 2,609评论 5赞 4