首页 > 代码库 > 关于bootstrap和响应式布局
关于bootstrap和响应式布局
bootstrap导入
首先需要安装好插件
然后就是在代码器写导入代码
代码如下
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-COMPATIBLE" content="IE=edge">
<link rel="stylesheet" href="http://www.mamicode.com/地址">
<link rel="stylesheet" href="http://www.mamicode.com/地址">
手敲原生代码写响应式布局的导入方式
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="http://www.mamicode.com/地址">
<link rel="stylesheet" href="http://www.mamicode.com/地址">
<link rel="stylesheet" href="http://www.mamicode.com/地址">
地址内写入
@media screen and (max-width: 需要的屏幕大小) {CSS属性}
响应式布局
能适应屏幕改变网页,当下主流。
关于bootstrap和响应式布局