BootStrap简介
BootStrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目
注意:
BootStrap 针对 响应式布局的项目
1. 响应式布局
一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本
原理
响应式的原理其实就是CSS3新特性的媒体查询,这个知识点可以回顾CSS基础知识
例:媒体查询简单回顾:
要求:宽度小于768px为手机屏幕,背景设置为红色;宽度大于768px ,小于992px为平板屏幕,背景设置为蓝色;宽度大于992px为电脑屏幕,背景设置为绿色。
<!DOCTYPE html>
<html lang="en">
<head>
<title>媒体查询t</title>
<style>
/* 小于768:手机屏幕 */
@media screen and (max-width: 768px){
body{
b