涂涂

学习笔记一．Well 组件这个组件可以实现简单的嵌入效果。//嵌入效果Bootstrap//有lg 和sm 两种可选值Bootstrap二．进度条组件进度条组件为当前工作流程或动作提供时时反馈。//基本进度条    60%//最低值进度条   0%//结合情景的进度条60%//条纹状，IE1

学习笔记一．移动设备优先在HTML5 的项目中，我们做了移动端的项目。它有一份非常重要的meta，用于设置屏幕和设备等宽以及是否运行用户缩放，及缩放比例的问题。//分别为：屏幕宽度和设备一致、初始缩放比例、最大缩放比例和禁止用户缩放二．布局容器Bootstrap 需要为页面内容和栅格系统包裹一个.container 容器（固定宽度布局容器）container-fluid

一．轮播轮播插件就是将几张同等大小的大图，按照顺序依次播放。//基本实例。id="myCarousel" class="carousel slide"> class="carousel-indicators"> data-target="#myCarousel" data-slide-to="0" class="active"> data-tar

学习笔记一．输入框组件文本输入框就是可以在元素前后加上文字或按钮，可以实现对表单控件的扩展。//在左侧添加文字@//在右侧添加文字//在右侧添加文字@163.com//在两侧添加文字$.00//设置尺寸，另外三种分别是默认、xs、sm//左侧使用复选框和单选框//

学习笔记一．路径组件路径组件也叫做面包屑导航。//面包屑导航首页产品列表韩版2015 年羊绒毛衣效果：二．分页组件分页组件可以提供带有展示页面的功能。//默认分页«12345»效果：//首选项和禁用12//设置尺寸，四种lg、默认、sm 和xs//翻页效果

一．附加导航附加导航即粘贴在屏幕某处实现锚点功能。//基本实例。data-spy="scroll" data-target="#myScrollspy">class="container"> class="jumbotron" style="height:150px"> Bootstrap Affix class="row"> class="col-

学习笔记一．列表组组件列表组组件用于显示一组列表的组件。//基本实例1.这是起始/li>2.这是第二条数据/li>3.这是第三排信息/li>4.这是末尾/li>//列表项带勋章1.这是起始10

一．按钮可以通过按钮插件创建不同状态的按钮。//单个切换。autocomplete="off">单个切换注：在Firefox 多次页面加载时，按钮可能保持表单的禁用或选择状态。解决方案是：添加autocomplete="off"。//单选按钮class="btn-group" data-toggle="buttons"> for="" class="bt

一．标签页标签页也就是通常所说的选项卡功能。//基本用法class="nav nav-tabs"> class="active">href="#html5" data-toggle="tab">HTML5 href="#bootstrap" data-toggle="tab">Bootstrap href="#jquery

学习笔记一．小图标组件Bootstrap 提供了免费的263 个小图标（数了两次），具体可以参考中文官网的组件链接：http://v3.bootcss.com/components/#glyphicons可以使用或标签来配合使用，具体如下：//使用小图标//也可以结合按钮二．下拉菜单组件下拉菜单，就是点

学习笔记一．辅助类Bootstrap 在布局方面提供了一些细小的辅组样式，用于文字颜色以及背景色的设置、显示关闭图标等等。1.情景文本颜色样式列表样式名描述text-muted 柔和灰text-primary 主要蓝text-success 成功绿text-info 信息蓝text-warning 警告黄text-danger 危险红//各种色调

一、Bootstrap 概述一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美，可用于快速、简单地构建基于PC 及移动端设备的Web 页面需求。Bootstrap 最为重要的部分就是它的响应式布局，通过这种布局可以兼容PC 端、PAD以及手机移动端的页面访问下载网址http://getbootstrap.com/ 二、Bootstrap 特点(

学习笔记1.页面主体Bootstrap 将全局font-size 设置为14px，line-height 行高设置为1.428(即20px)；段落元素被设置等于1/2 行高(即10px)；颜色被设置为#333。//创建包含段落突出的文本Bootstrap 框架Bootstrap 框架支持普通内联元素定义class=(.h1 ~ h6)来实现相同的功能。即span也具有了

学习笔记一．表格Bootstrap 提供了一些丰富的表格样式供开发者使用。1.基本格式//实现基本的表格样式, 添加了更圆润的风格线，间距等自适应屏幕class="table">注：我们可以通过Firebug 查看相应的CSS。2.条纹状表格//让里的行产生一行隔一行加单色背景效果table table-striped">注：表格效果需要基于基本格式.t

学习笔记一．表单Bootstrap 提供了一些丰富的表单样式供开发者使用。1.基本格式//实现基本的表单样式电子邮件placeholder="请输入您的电子邮件">密码placeholder="请输入您的密码">注：只有正确设置了输入框的type 类型，才能被赋予正确的样式。支持的输入框控件包括：text、password、d

一．下拉菜单常规使用中，和组件方法一样，代码如下：//声明式用法下拉菜单class="dropdown"> class="btn btn-primary" data-toggle="dropdown"> 下拉菜单 class="caret"> class="dropdown-menu"> href="#">首页 href="#"

一．基本使用使用模态框的弹窗组件需要三层 div 容器元素，分别为 modal(模态声明层)、dialog(窗口声明层)、content(内容层)。在内容层里面，还有三层，分别为 header(头部)、body(主体)、footer(注脚)。//基本实例class="modal show" tabindex="-1"> class="modal-dialog

学习笔记一．巨幕组件1.留有边距的巨幕。也就是固定大小的巨幕在固定的范围内，有圆角网站标题这是一个学习型网站更多内容2.100%全屏的巨幕，没有留外边距，没有圆角。1.2两种巨幕只是交换了container和jumbotron的位置网站标题重中之重更多内容1.2效果如下：