关于Bootstrap

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 "[email protected]"
$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 "[email protected]"公钥可以到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/imagesBACkground-img：url（"@{Base-url}/1.jpg"）相对路径../ http返回时候样式丢失 应该动态获取==========================================================定制bs：官网查看