mobile – xs ( <768px ) tablet – sm ( 768~991px ) desktop – md ( 992~1170px ) large desktop – lg ( >1170px ) 主要蓝(bg-primary).成功绿(bg-success).信息蓝(bg-info).警告黄(bg-warning).危险红(bg-danger)…

参考地址: http://www.cnblogs.com/9miao/p/4988196.html 蒙板样式实现: 大家或许注意到了,在做模态弹出窗时,底部常常会有一个透明的黑色蒙层效果:在Bootstrap框架中为模态弹出窗也添加了一个这样的蒙层样式“modal-backdrop”,只不过他默认情况下是全屏黑色的: (## 注意这里是: .modal-backdrop, 而不是 .backdrop类!) /*bootstrap.css文件第5424行-第5432行*/ .modal-backd…

参考:https://www.jianshu.com/p/1bb4c37ef636 在 bootstrap-table.min.css 中修改源码 //选中行颜色 .fixed-table-container tbody .selected td{background-color:#EEE8AA} 在bootstrap.min.css中修改源码 //奇偶行颜色 .table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}…

---------------------------------------------------------------bootstrap------------------------------------------------- 开发中文网:v3.bootcss.com (1)前段?  框架 ? 用户 -->  前端应用程序 --->后端应用程序 --->后端服务器. 框架:Library 或者lib,都值得是框架.第三方提供的,一些接口或者功能.   一.Bootstra…

前言:本文是自己在学习课程中的课程笔记,这里用来温故知新的,并非本人原创. 开发工具 1.记事本,Editplus,... ... 2.Sublime,Dreamweaver 3.Webstorm ======================================== 一.什么是响应式网页 Responsive Web Page,响应式网页/自适应网页,即一个页面既可以在PC浏览器中浏览,也可以在手机/平板中浏览.并且配合不同设备有不同的响应结果 响应式网页的特点: 1.页面上的图片和…

---------------------------------------栅格系统:是bootstrap提供的响应式布局方式-------------------------------------------- 栅格系统的核心:就是把容器container划分12等分,也就是版心被划分12等份. 下面的介绍也是以bootstrap中全局css样式:详情可观看http://v3.bootcss.com/css/了解,在这不再赘述. 现在来总结一下应用步骤: (1):首先应该创建一个容器 <d…

1.栅格式布局:     栅格只有12格  主要用于没有设计经验,自行设计网页. 起步:     导入一个CSS文件 和两个JS文件  BOOTATRAP.MIN.CSS  ---   /*IE(html5shiv.min.js  --  repond.min.js)*/ --  ( jquery-1.11.2-mian.js   bootstrap.min.js)  写一个在IE兼容的<meta http-equiv="X-UA-Compatible" content=&quo…

一.文本相关样式 文本格式(用于块状标签):text-left:向左对齐文本:text-center:居中对齐文本:text-right:向右对齐文本:text-justified;text-nowrap; 文本增强标签:small,strong,em; 文本修饰(用于p,a等包含文本的标签):text-muted(本行内容是减弱的);text-primary;text-success;text-info;text-warning;text-danger;text-info;text-lower…

1 Container 顾名思义Container是栅格系统最外层的class,直接被container包裹的只能是row这个class.需要注意的是container自带左右各15px padding值,这样container与浏览器窗口之间就存在一定距离. 2 row 要注意的是:row会清除内边距的效果,但不会清除内边距,col要放在row里,row要放在container里 row指container的一行,每行理想状态包含12个col,这些col在不同屏幕大小时行为不同,见下图: 你也…

(1)最外层必须使用容器 div.container或 div.container-fluid (2)容器可以放置任何内容,若想使用栅格系统必须用 div.row div.container > div.row (3)一个.row中不能放置其它的内容,只能放置.col,列中放置任何内容. div.container > div.row > div.col (4)Bootstrap中行的默认均分12等分,每个列必面指定在行内占比. 12=[6-6]=[4-4-4] (5)栅格系统针对不同的…