Bootstrap前端技术

下载Bracketsr：www.51rgb.cn/download.html

输入!，按下Tab键，建立标准的html5的文件

meta:vp，按下Tab键

width=device-width宽度等于设备的宽度

initial-scale=1.0原始的尺寸比例

下载bootstrap:

 

下载JQuery: jquery.com

栅格化布局方法：

div.container按下Tab键

按预览：Ctrl + Alt + P for Bracketsr

查看源代码：Ctrl + Shift + I，其他为F12

padding-right:15px; padding-left:15px 左右边距

margin-right:auto; margin-left:auto 居中

bootstrap框架最为核心知识点：

博客布局：左边窄右边宽

div.row按下Tab键

 

div.col-md-4按下Tab键

width小于992px:

md为中等大小

sm为small比较小的尺寸下面也可以按照4,8比例分配我们的row，不能小于768px，一般用于平板

和手机屏幕大小一样，xs小死

混合使用栅格化布局类

添加lg超大之后：

添加xs了之后：

侧边栏与网站主题内容位置交换：

 

栅格的嵌套使用：row嵌套

分3栏：

 

 

 

多添加几个div则往下排：

 

pull, push, offset的区别：

 

 div.visible按下Tal键：

 导航栏：nav.navbar.navbar-default按下Tab键

规定导航样式：a.navbar-brand按下Tab键

 

无序列表：ul>li*3>a按下Tab键

 

导航放到导航栏中：

 反色效果：

 

active: 激活

调整导航栏居中：

固定在顶部的两种形态：

 

 

 

 

 

fixed固定：

一起滚动：

导航栏的搜索制作：

搜索文本提示：

关掉预览：

 

 

按钮的创建和样式：

 

折叠导航栏内容：

Ctrl + Shift + A

查询控制响应式网站：