.table:基础表格 不管制作哪种表格都离不开类名“table”.所以大家在使用Bootstrap表格时,千万注意,你的<table>元素中一定不能缺少类名“table”. .table-striped:斑马线表格 .table-bordered:带边框的表格 .table-hover:鼠标悬停高亮的表格 .table-condensed:紧凑型表格 .table-responsive:响应式表格(写在table外的div里) 当你的浏览器可视区域小于768px时,表格底部会出现水平滚动条.…

一. 常用类1.container居中的内容展示2.row  行内容显示3.col 列内容显示, 列必须在row 中xs 宽度小于768 ,sm宽度小于990 大于768 ,md 宽度大于990,小于1200, lg宽度大于1200col-xs-4 代表 小屏下显示为4列,col-xs-4 col-md-2  代表小屏下占4列,大屏下占2列 <</span>div class="container"> <</span>h1>Hello,…

1.   .lead .lead { margin-bottom: 20px; font-size: 16px; font-weight: 200; line-height: 1.4; } @media (min-width: 768px) {/*大中型浏览器字体稍大*/ .lead { font-size: 21px; } }2.副标题:<small>.加粗:<strong>.<b>,斜体:<i>.<em>和<cite> <p…

相信大家和我一样,曾经找过bootstrap的类名定义. 无奈没有找到现成的,那我就来总结一下常见类名吧. 基础样式:btn,alert,form,table,input,select.textarea... 颜色样式:info(信息蓝) primary(主要蓝) success(成功绿) warning(警告橙) danger(危险红)主要是这五种颜色样式文本额外多一个(text-muted). 尺寸样式:-xs(特小) -sm(小) 正常的 -lg(特大的) 状态样式:active(激活状态…

转载自:Q1mi Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面…

一,Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 1,优点 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面和谐. 2,Bootstrap下载 官…

BootStrap常用组件 PS:所有的代码必须写在<class="container/container-fluid">容器当中 常用组件包含内容: 字体图标 下拉菜单 按钮组 输入框俎 导航 分页 标签和徽章 页头 缩率图 进度条 进度条示例: var $d1 = $("#d1"); ; ); function setValue() { ) { clearInterval(theID); } else { width++; $d1.css("…

Bootstrap框架和inconfont.font-awesome使用 iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 就是复制黏贴一把梭,html\css\js代码的封装组合…

一.Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 二.为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面和谐. 三…

Bootstrap框架  Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统…

iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 就是复制黏贴一把梭,html\css\js代码的封装组合 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重…

一.Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. Bootstrap是一个前端开发的框架,其实就是一堆HTML代码,有一些自带的CSS样式类(只需要记忆常用的CSS样式类) 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和…

Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面和谐. Boots…

Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面和谐. Bootst…

Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面和谐. Boots…

Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并且规范化. 页面风格统一,画面和谐. Boots…

Bootstrap框架和inconfont.font-awesome使用   iconfont的使用:https://www.cnblogs.com/clschao/articles/10387580.html Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 就是复制黏贴一把梭,html\css\js代码的封装组…

作者:赵盼盼 出处:https://www.cnblogs.com/zhaopanpan/ Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. Bootstrap是一个前端开发的框架,其实就是一堆HTML代码,有一些自带的CSS样式类(只需要记忆常用的CSS样式类) 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重…

Github 地址: https://github.com/nzbin/snack Demo 演示: https://nzbin.github.io/snack/ 前言 这篇文章我已经酝酿了半年之久,或者说拖沓了这么久吧.想说的东西很多,却又无从说起.如今轻量级框架如雨后春笋,层出不穷.我想每个人都应该归纳总结工作中的常见需求,编写一套适合自己的 CSS 框架.在之前的文章中,我提到了面向对象的 CSS(比如 BEM.OOCSS.SMACSS,详见 http://vanseodesign.com…

转载自:http://www.cnblogs.com/liwenzhou/p/8214637.html 一.Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 二.为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.…

PhylabWeb——阅读作业 问题回顾 提问博客地址:http://www.cnblogs.com/kibbon/p/4831104.html 尚待解决的问题: Alpha/Beta,ZBB/RC阶段的界定,由于只体验了项目开发的alpha/beta阶段,对这两个的定义仍然仅有时间上的概念,alpha阶段须作出一个相对完整的可以运行的版本,那么这个”完整“要如何理解才合适,毕竟beta阶段也会添加一些核心功能,alpha阶段未必总是完成了所有的核心功能的 对于代码规范的制定尚不清晰,因为我们的…

1 引入 如果想要用到BootStrap提供的js插件,那么还需要引入jQuery框架,因为BootStrap提供的js插件是依赖于jQuery的 <link type="text/css" rel="stylesheet" href="../css/bootstrap.css"> <script type="text/javascript" src="../bootstrap.js"&g…

所有文章搬运自我的个人主页:sheilasun.me <NodeJS开发指南>这本书用来NodeJS入门真是太好了,而且书的附录部分还讲到了闭包.this等JavaScript常用特性.第一遍看的时候很多地方没看明白,再看一遍的时候就清晰多了.跟着书上第五章完成了微博实例Microblog,在此总结一下开发中遇到的问题.这本书出得较早(2012年出版),因此书中的express框架部分与新的Express 4.x也有些不同,下文都将会提到,并给出新的写法. Microblog是一个出于学习目的…

响应式开发 为什么要进行响应式开发? 随着移动设备的流行,网页设计必须要考虑到移动端的设计.同一个网站为了兼容PC端和移动端显示,就需要进行响应式开发. 什么是响应式? 利用媒体查询,让同一个网站兼容不同的终端(PC端.移动端)呈现不同的页面布局. 用到的技术: CSS3@media查询 用于查询设备是否符合某一特定条件,这些特定条件包括屏幕尺寸.是否可触摸.屏幕精度.横屏竖屏等信息. 常见属性: device-width, device-height 屏幕宽.高 width,height 渲染…

Bootstrap框架 Bootstrap框架 Bootstrap介绍 Bootstrap是Twitter开源的基于HTML.CSS.JavaScript的前端框架. 它是为实现快速开发Web应用程序而设计的一套前端工具包. 它支持响应式布局,并且在V3版本之后坚持移动设备优先. 为什么要使用Bootstrap? 在Bootstrap出现之前: 命名:重复.复杂.无意义(想个名字费劲) 样式:重复.冗余.不规范.不和谐 页面:错乱.不规范.不和谐 在使用Bootstrap之后: 各种命名都统一并…

1       快速入门... 4 1.1             分号... 4 1.2             常变量声明... 4 1.2.1         val常量... 4 1.2.2         var变量... 4 1.2.3         类型推导... 5 1.2.4         函数编程风格... 5 1.3             Range. 5 1.4             定义函数... 6 1.5             while.if 6 1.6…

用bootstrap及其它基于它的框架,做了多次网站大改版~对bootstrap的特点有了越来越深的了解~从一开始接触时觉得超级鸡肋,到后来觉得方便,再到后来觉得还是能不用就别用了~为什么这么说?我们先看用法. 1.使用前的准备. bootstrap是基于jquery的,所以在引用bootstrap的js之前,一定要先引入相应版本的jquery.然后在头部引入bootstrap.min.css,在jquery后面引入bootstrap.min.js.建议都使用它提供的min版本的js和css,这…

本篇约定Bootstrap简写为BT   BT的受欢迎程度是大家有目共睹的,用它可以快速的搭建出网站.很早就接触过这个框架,其中的栅格系统,css模块化以及js插件做的相当不错,由于工作中较少使用也一直没有好好梳理下,这篇文章就来好好分析一下这个系统. BT虽然很好,但也不是没有缺点,由于框架很多都是模块化的,只能这么用,当您的网站比较多样化,界面复杂的话就不太适合使用,此时您需要大量重写代码,维护比较麻烦,此外这个系统的CSS内容也比较多,很多内容是根本用不到的,对于带宽不是很理想的情况下就会…

jQuery 插件为 Bootstrap 的组件赋予了“生命”.可以简单地一次性引入所有插件,或者逐个引入到你的页面中. 一:首先要确认的是,单个还是全部引入: JavaScript 插件可以单个引入(使用 Bootstrap 提供的单个 *.js 文件),或者一次性全部引入(使用 bootstrap.js 或压缩版的 bootstrap.min.js). 注:建议使用压缩版的 JavaScript文件:bootstrap.js 和 bootstrap.min.js 都包含了所有插件,在使用时,…

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