首页 > 代码库 > 关于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和响应式布局