Bootstrap:

移动设备优先 支持主流浏览器 包括less 类样式 组件 js插件

框架：即开发过程中的半成品

=====================================================

其他知识：

编码：

ASCII GBK GB2312 UTF-8 ISO8859-1 BIG5

================================================

web服务器：

IIS微软 APacheTomcat被甲骨文orcale收购 IISExpress

ipconfig 查看ip

=============================================

git：分布式管理软件可以连接vscode 可视化操作；

下载gitBash :http://msysgit.github.io

全局配置：用户名 邮箱

$git config--global user.name "lgf"

$git config--global user.email "814253358@qq.com"

$git init 绑定文件夹 项目所在文件夹右键可见

工作区：自己见

暂存区:自己见

分支：有记录

$git status 查看状态 常用

$git add 文件名 添加到暂存区

$git commit -m "create 文件名"-->（备注）添加到分支

$git diff 文件名 查看不同

$git log --pretty=online查看日志 可看到编号

$git reset --hard 提交编号(回退到指定版本)

$git checkou 文件名 （迁出）

$git branch(查看分支)

$git branch gnn (添加分支)

git merge gnn(合并分支)

git branch -D （强制删除）分支名

创建公钥

ssh keygen -t rsa -C "814253358@qq.com"

公钥可以到C:\Users\Administrator查看.ssh文件夹

git remote add origin 链接名 添加远程连接

git pull origin master (获取远程内容)

git push origin master 推送远程内容

===========================================================

类样式：

container 包在最外层 左右有外边距

IE 低版本高速渲染：<meta http-equiv="X-UA-compatible" content="IE=Edge">

栅格：lg md sm xs

文本：kbd 情景文本：text- 情景背景色：label-

排版：六列 偏移3列就居中了 form group 后面加has warning 动态验证变色 用dom找元素

二分法:提问 回答是否

KISS 原则：keep it simple and stupid-->精炼

img 响应式

按钮 btn-

工具类：&times；close

浮动之后 加 clear

响应式工具：visible-xs-什么大小下可见

加水印：visible-print-block

字体图标：只对空元素有效 不和其他组件混合使用 【css ：url（改变字体图标位置）一般默认】

按钮上放一个空格或单独加一个span标签 换行有空格效果

sr-only 设备读取 用户看不到

分裂是下拉菜单组

输入框组：移动设备上常见

========================================================

配置邮箱：

pop3：110 收邮件

smtp:25 发邮件

163 smtp 搜索 （具体见视频BS d3 am 1:54）

=====================================================

组件：

导航：li 里面必须有a 与标签页切换一起用

nav nav-pill 给li或者a加上 data-toggle=“tab”实现切换active

导航条：nav-fixed-top/bottom 给body 添加padding 防止挤压 建议70px

分页 ：

翻页：

标签：做单价 提示 span class label label-

徽章：span class="badge" IE8 不支持：：empty选择符

吸引客户点击 pull被动 push 主动 用户体验差

banner 横幅广告

警告框：times; data-dismiss="alert" 是删除了警告框不是隐藏

递归即方法自己调用自己

可以用媒体套列表组和徽章 实现标签页

播放视频 嵌套 要是MP4格式的

========================================================

插件：

模态框：class modal fade modal-dialog modal-lg button触发data-toggle=“modal”data- target=“”

滚动监听：要相对定位

工具提示：data-toggle=“tooltip”data-placement=“left”title=“提示标题”

配合脚本才能使用: $('[data-toggle="tooltip"]').tooltip()

弹出框：data-toggle=“popover”data-content="提示内容" data-placement=“left”title=“提示 信息”

配合脚本才能使用: $('[data-toggle="popover"]').popover()

折叠菜单：

轮播：<div class="carousel" id="divId">

控制点：ol class="carousel-indicators" li data-target="divId" data-slide-to="0"

图片：div class="carousel-inner" div class="item" img div class="carousel- caption"

左右方向按钮:a class="left carousel-control" href="divId" data-slide="prev"加字体 图标

a class="right carousel-control" href="divId" data-slide="next"

==============================================================

less:动态样式语言:

特性：变量 继承 函数 运算

服务器端 客户端用less.js 浏览器运行中解析css文件

既可以在客户端 也可以借助node.js

==============================================================

例子:

变量：@color：red；

.site {

color:@color;

}

混合 mixin：

h3 {

.site;

}

@arguments 所有参数默认值

嵌套：

#header {

h1{}； p{a{}}

}

函数&运算:

@ color:#aabbcc #header { color:@color+#111;}

方法重载：传递参数不同

运算：数字、 颜色 加减乘除运算符

color函数：lighten（） darken（） fadein（） fadeout（） saturate（） desaturate（）

spin（） spin（，-10） fade（） mix（）

math函数：ceil（） floor（） round（） percentage（）百分比 （了解）

命名空间：公司名称

声明：

#bu{

.button{

}

}

引用：#bu>.button

作用域：作用范围小 优先级高

字符串插值：

@base-url:E:/New/images

background-img：url（"@{base-url}/1.jpg"）

相对路径../ http返回时候样式丢失 应该动态获取

==========================================================

定制bs：官网查看