Bootstrap知识简单归纳.docx

NurfürdenpersönlichenfürStudien,Forschung,---目前只适用于块和表切换Bootstrap字形图标(Glyphicons)什么是字形图标(Glyphicons)? 字形图标(Glyphicons)是在Web项目中使用的图标字体。字形图标(Glyphicons)列表 点击这里,查看可用的字形图标(Glyphicons)列表用法如需使用图标,只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。<spanclass="glyphiconglyphicon-search"></span>在线定制字形图标(Glyphicons)点击这里,在线定制字形图标(Glyphicons)。插入符使用插入符表示下拉功能和方向。使用带有classcaret的<span>元素得到该功能。关闭图标使用通用的关闭图标来关闭模态框和警告框。使用classclose得到关闭图标。快速浮动您可以分别使用classpull-left或pull-right来把元素向左或向右浮动。下面的实例演示了这点。如需对齐导航栏中的组件,--right代替。请查看Bootstrap导航栏。居中内容块使用classcenter-block来居中元素。清除浮动如需清除元素的浮动,。(包括屏幕阅读器)。-only来把元素对所有设备隐藏,除了屏幕阅读器。Bootstrap下拉菜单(Dropdowns)--right来向右对齐下拉菜单class="dropdown-menupull-right"标题您可以使用classdropdown-header向下拉菜单的标签区域添加标题Bootstrap按钮组按钮组允许多个按钮被堆叠在同一行上。当你想要把按钮对齐在一起时,这就显得非常有用。您可以通过Bootstrap按钮(Button)插件添加可选的JavaScript单选框和复选框样式行为Bootstrap按钮下拉菜单本章将讲解如何使用Bootstrapclass向按钮添加下拉菜单。如需向按钮添加下拉菜单,-group中放置按钮和下拉菜单即可。您也可以使用<spanclass="caret"></span>来指示按钮作为下拉菜单。<divclass="btn-group"><buttontype="button"class="btnbtn-primarydropdown-toggle"data-toggle="dropdown">原始<spanclass="caret"></span></button><ulclass="dropdown-menu"role="menu"><li><ahref="#">功能</a></li><li><ahref="#">另一个功能</a></li><li><ahref="#">其他</a></li><liclass="divider"></