1.正常的使用 <div class="form-group"> <div class="input-group"> <input class="form-control" type="text" placeholder="1000"> <div class="input-group-addon">人民币</div> </…

font-awesome基本用法 官方代码传送门 font-awesome在bootstrap中的特殊用法(这个才是重点) 要点归纳1(官方) 官方代码传送门 要点归纳2(我的) <a href="javascript:void(0);"><span>日志</span><i class="fa fa-caret-right fa-fw pull-right"></i></a> 原始代码效果:可以…

代码 显示结果 代码 结果…

row是非常好用但是却非常容易忽略的地方. 想实现内部元素相对父级的padding=0,则在父子中间加个row.如下图 列嵌套也是同样的道理 经验之谈:学会row的用法,在手机版布局的时候会很方便,否则会在左右两侧留下很大的余白.…

使用bootstrap框架好久了,在开发中也用到了或者遇到了很多的问题,所以跟大家分享一下 bootstrap modal 组件的样式 .modal-lg .modal-sm 说明:这个是bootstrap3.1.0加入的.主要是调节modal弹出框的大小 bootstrap modal 组件的控制 keyboard 说明: data-keyboard="false" 点击键盘Esc键对话框不退出 data-keyboard="true" (默认值)点击键盘Esc键…

无样式列表 list-unstyled:去掉ul的默认样式 内联列表 list-inline:将ul子元素放置于同一行…

普通样式,鼠标hover没有任何效果 <span>content</span> 加上role属性的样式,鼠标hover会有cursor:pointer的效果 <span role="button">content</span>…

1.正常的使用 <div class="form-group"> <div class="input-group"> <input class="form-control" type="text" placeholder="1000"> <div class="input-group-addon">人民币</div> </…

font-awesome基本用法 官方代码传送门 font-awesome在bootstrap中的特殊用法(这个才是重点) 要点归纳1(官方) 官方代码传送门 要点归纳2(我的) <a href="javascript:void(0);"><span>日志</span><i class="fa fa-caret-right fa-fw pull-right"></i></a> 原始代码效果:可以…

代码 显示结果 代码 结果…