blogging

2016年8月16日

摘要：在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计2、img-rounded：圆角图片3、img-circle：圆形图片4、img-thumbnail：缩略图片设置图片大小：由于样式没有对图片做大小上的样式限制，所以阅读全文

posted @ 2016-08-16 11:51 blogging 阅读(148) 评论(0) 推荐(0) 编辑

表单控件

摘要：复选框和单选按钮水平排列 1、如果checkbox需要水平排列，只需要在label标签上添加类名“checkbox-inline”2、如果radio需要水平排列，只需要在label标签上添加类名“radio-inline” 按钮多标签制作按钮注意：虽然在Bootstrap框架中使用任何标签元素都阅读全文

posted @ 2016-08-16 08:47 blogging 阅读(190) 评论(0) 推荐(0) 编辑

2016年8月15日

表单

摘要：类名“form-control”实现效果： 1、宽度变成了100% 2、设置了一个浅灰色（#ccc）的边框 3、具有4px的圆角 4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化 5、设置了placeholder的颜色为#999 水平表单：在Bootstrap框架中要实现水平表单效果阅读全文

posted @ 2016-08-15 11:39 blogging 阅读(116) 评论(0) 推荐(0) 编辑

表格行的类

摘要：注意要实现悬浮状态，需要在<table>标签上加入table-hover类。阅读全文

posted @ 2016-08-15 08:53 blogging 阅读(95) 评论(0) 推荐(0) 编辑

代码风格

摘要： 1、使用<code></code>来显示单行内联代码2、使用<pre></pre>来显示多行块代码 <pre>元素一般用于显示大块的代码，并保证原有格式不变。但有时候代码太多，而且不想让其占有太大的页面篇幅，就想控制代码块的大小。Bootstrap也考虑到这一点，你只需要在pre标签上添加类名“.p 阅读全文

posted @ 2016-08-15 08:45 blogging 阅读(290) 评论(0) 推荐(0) 编辑

bootstrap实现去点列表、内联列表、水平定义列表

摘要：内联列表：通过添加类名“.list-inline”来实现内联列表，简单点说就是把垂直列表换成水平列表，而且去掉项目符号（编号），保持水平显示。去点列表：通过给无序列表添加一个类名“.list-unstyled”,这样就可以去除默认的列表样式的风格水平定义列表：给<dl>添加类名“.dl-hori 阅读全文

posted @ 2016-08-15 08:40 blogging 阅读(3687) 评论(0) 推荐(0) 编辑

2016年8月14日

IE6，7，8在boostrap中兼容h5和css3

摘要： IE6、7、8版本（IE9以下版本）浏览器兼容html5新增的标签，引入下面代码文件即可: <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, 阅读全文

posted @ 2016-08-14 10:59 blogging 阅读(199) 评论(0) 推荐(0) 编辑

2016年8月13日

Bootstrap表格类名及对应图形

摘要： .table：基础表格不管制作哪种表格都离不开类名“table”。所以大家在使用Bootstrap表格时，千万注意，你的<table>元素中一定不能缺少类名“table”。 .table-striped：斑马线表格 .table-bordered：带边框的表格 .table-hover：鼠标悬停高阅读全文

posted @ 2016-08-13 16:41 blogging 阅读(791) 评论(0) 推荐(0) 编辑

2016年8月12日

兼容低于IE9不支持html5标签的元素的方法

摘要：方法一： <!--[if lt IE9]> <script> (function() { if (! /*@cc_on!@*/ 0) return; var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, ev 阅读全文

posted @ 2016-08-12 15:31 blogging 阅读(1351) 评论(0) 推荐(0) 编辑

2016年8月10日

transition与animation的区别

摘要： transition需要事件触发，animation可以直接自动触发，而且功能上更为强大，包括可以设置不同时间段的动画规则，还有状态的控制，事件等等。阅读全文

posted @ 2016-08-10 09:46 blogging 阅读(178) 评论(0) 推荐(0) 编辑

公告