对于新手或主做后台开发的人员来说，如何把页面做得即美观而又能迅速打开（加载时间短）是件很头疼的事。这时Bootstrap就提供了一个很好的解决方案。
它的优势在于所有样式都是通过html/css实现，不借助背景图，图标部分是通过字体来实现的。这使得用Bootstrap的网页相比传统的网页，打开速度能够更快，更节省流量（对于移动设备来说）。并且Bootstrap兼容PC和移动设备，只要你的浏览器支持HTML5，Bootstrap就能把网页完美得呈现出来。本站就是使用bootstrap搭建前台。
目前Bootstrap包含Glyphicons 字体图标，下拉菜单，按钮，按钮组，输入框组，导航，分页，标签，徽章，巨幕，页头，缩略图，警告框，进度条等组件。
部分组件展示：
本页面上方的导航栏效果,基础版导航条
<nav class="navbar navbar-default">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="javascript:;">Brand</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li class="active"><a href="javascript:;">Link <span class="sr-only">(current)</span></a></li>
<li><a href="javascript:;">Link</a></li>
<li class="dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript:;">Action</a></li>
<li><a href="javascript:;">Another action</a></li>
<li><a href="javascript:;">Something else here</a></li>
<li class="divider"></li>
<li><a href="javascript:;">Separated link</a></li>
<li class="divider"></li>
<li><a href="javascript:;">One more separated link</a></li>
</ul>
</li>
</ul>
<form class="navbar-form navbar-left" role="search">
<div class="form-group">
<input type="text" class="form-control" placeholder="Search">
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>
<ul class="nav navbar-nav navbar-right">
<li><a href="javascript:;">Link</a></li>
<li class="dropdown">
<a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dropdown <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
<li><a href="javascript:;">Action</a></li>
<li><a href="javascript:;">Another action</a></li>
<li><a href="javascript:;">Something else here</a></li>
<li class="divider"></li>
<li><a href="javascript:;">Separated link</a></li>
</ul>
</li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
要固定在页面顶部的话，加上 .navbar-fixed-top,底部 .navbar-fixed-bottom
按钮
单独的6个按钮
按钮组
按钮下拉菜单
分裂式按钮下拉菜单
向上弹出式菜单
路径导航
分页
徽章
显示一些比如信息数目的数据
进度条
表单
更多更详细的内容，请点击Bootstrap中文网
至于Bootstrap的其它js插件，个人认为不怎么好用，还是用其它专门的jquery插件比较好。
应该说是各有优势吧，主要看需求，要求不高的话，Bootstrap的js插件就能胜任，比如模态框，工具提示。