My52Hz

form-inline:   用于强行将多个form-group div放在一行（禁止换行）里面。案例：<div class="form-inline"> <div class="form-group"> <label>username:</label> <input type="text" cla

普通面板：<div class="col-md-6"> <div class="panel panel-default"> <div class="panel-heading">Panel header</div> <div class="panel-body"> &am

普通下拉菜单：<div class="btn-group"> <button class="btn btn-default" data-toggle="dropdown"> 下拉菜单<span class="caret"></span> </button> &

普通导航条：<div class="nav navbar-default"> <ul class="nav navbar-nav"> <li class="active"><a href="javascript:void(0)">新闻</a></li>

普通导航：<ul class="nav nav-tabs nav-justified"> <!-- class=“active”：表示选中当前tab页，高亮显示，通过js控制tab切换 --> <li> <a href="javascript:void(0);">新闻</a></li&

邮箱类型后缀：<div class="input-group"> <input type="text" class="form-control" placeholder="input username" /> <span class="input-group-addon">@mail.com</span

用法：<div class="row col-md-5 text-center"> <div class="input-group"><!--保持内联，消除边框，类似于form-inline--> <div class="input-group-btn"><!--不换行，与相邻元素内联，包含dropdown-

基础进度条用法：<div class="progress"> <div class="progress-bar" style="width: 20%"> 20% </div></div><div class="progress"> <div class

描述：媒体对象；              media：包含所有媒体内容（图片、描述、内容）              media-object：包含图片视频              media-body：描述评价等文字信息普通媒体：<h3>media 包含媒体，描述，标题</h3><div class="media"> <a hr...

语法：<ul class="list-group"> <子元素名 class="list-group-item list-group-item-danger"><a href="javascript:void(0)">入学通知</a><span class="badge">1&amp

信息弹窗：<div class="row"> <div class="col-md-4"> <div class="alert alert-info">信息提示框</div> </div></div>效果图：成功信息弹窗：<div cl