Bootstrap 布局组件（全）

Bootstrap 前端之家
前端之家收集整理的这篇文章主要介绍了Bootstrap 布局组件（全），前端之家小编觉得挺不错的，现在分享给大家，也给大家做个参考。

<p align="center">

Bootstrap布局组件


<p align="justify">1、

Bootstrap字体图标


<p align="justify"><span style="color: #800000">

（1）、字体图标列表链接


<p align="justify">http://www.runoob.com/bootstrap/bootstrap-glyphicons.html


<p align="justify">

<span style="color: #800000">（2）、用法


<p align="justify">如需使用图标，只需要简单地使用下面的代码即可。请在图标和文本之间保留适当的空间。没有glyphicon的css。


<p align="justify"><span class="glyphicon glyphicon-search">


<p align="justify"><span style="color: #800000">

（3）、定制字体图标


<p align="justify">我们已经看到如何使用字体图标，接下来我们看看如何定制字体图标。


<p align="justify">我们将以上面的实例开始，并通过改变字体尺寸、颜色和应用文本阴影来进行定制图标。


<p align="justify">A、定制图标


<div class="jb51code">
<pre class="brush:xhtml;">
<button type="button" class="btn btn-primary btn-lg">

<span class="glyphicon glyphicon-user"> User

@H_502_27@

增加或减少图标的字体尺寸，您可以让图标看起来更大或更小。

<span class="glyphicon glyphicon-user"> User

@H_502_27@

<span class="glyphicon glyphicon-user"> User

@H_502_27@

<span class="glyphicon glyphicon-user"> User

@H_502_27@

2、Bootstrap下拉菜单

（1）、下拉菜单是可切换的，是以列表格式显示链接的上下文菜单。这可以通过与 下拉菜单（Dropdown） JavaScript 插件 的互动来实现。

菜单，只需要在 class .dropdown 内加上下拉菜单即可。