首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
boostrap-非常好用但是容易让人忽略的地方【2】:row
】的更多相关文章
boostrap-非常好用但是容易让人忽略的地方------input-group-btn
1.正常的使用 <div class="form-group"> <div class="input-group"> <input class="form-control" type="text" placeholder="1000"> <div class="input-group-addon">人民币</div> </…
boostrap-非常好用但是容易让人忽略的地方------Font Awesome
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> 原始代码效果:可以…
boostrap-非常好用但是容易让人忽略的地方------clearfix
代码 显示结果 代码 结果…
boostrap-非常好用但是容易让人忽略的地方------row
row是非常好用但是却非常容易忽略的地方. 想实现内部元素相对父级的padding=0,则在父子中间加个row.如下图 列嵌套也是同样的道理 经验之谈:学会row的用法,在手机版布局的时候会很方便,否则会在左右两侧留下很大的余白.…
boostrap-非常好用但是容易让人忽略的地方------modal
使用bootstrap框架好久了,在开发中也用到了或者遇到了很多的问题,所以跟大家分享一下 bootstrap modal 组件的样式 .modal-lg .modal-sm 说明:这个是bootstrap3.1.0加入的.主要是调节modal弹出框的大小 bootstrap modal 组件的控制 keyboard 说明: data-keyboard="false" 点击键盘Esc键对话框不退出 data-keyboard="true" (默认值)点击键盘Esc键…
boostrap-非常好用但是容易让人忽略的地方【7】:list-unstyled list-inline
无样式列表 list-unstyled:去掉ul的默认样式 内联列表 list-inline:将ul子元素放置于同一行…
boostrap-非常好用但是容易让人忽略的地方【6】:role属性
普通样式,鼠标hover没有任何效果 <span>content</span> 加上role属性的样式,鼠标hover会有cursor:pointer的效果 <span role="button">content</span>…
boostrap-非常好用但是容易让人忽略的地方【5】:input-group-btn
1.正常的使用 <div class="form-group"> <div class="input-group"> <input class="form-control" type="text" placeholder="1000"> <div class="input-group-addon">人民币</div> </…
boostrap-非常好用但是容易让人忽略的地方【4】:Font Awesome
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> 原始代码效果:可以…
boostrap-非常好用但是容易让人忽略的地方【3】:clearfix
代码 显示结果 代码 结果…