使用响应式布局是bootstrap的一种布局方式,常用于企业的官网、博客、新闻资讯类型网站，这些网站以浏览内容为主，没有复杂的交互。，主要依赖jquery的，所以使用时先装上jquery可参考网站：https://www.runoob.com/bootstrap/bootstrap-environment-setup.html 进行使用何为响应式通过检测设备信息，决定网页布局方式，即用户...
使用
响应式布局是bootstrap的一种布局方式,常用于企业的官网、博客、新闻资讯类型网站，这些网站以浏览内容为主，没有复杂的交互。，主要依赖jquery的，所以使用时先装上jquery
可参考网站：https://www.runoob.com/bootstrap/bootstrap-environment-setup.html 进行使用
何为响应式
通过检测设备信息，决定网页布局方式，即用户如果采用不同的设备访问同一个网页，有可能会看到不一样的内容，一般情况下是检测设备屏幕的宽度来实现。
屏幕变小了之后，属于同一行的元素受到挤压后，行的右边元素自动换行显式； 屏幕大了后，本属于同一行的元素尽可能的排在同一行内；
一个简单的案例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--网页编码，要使用的外部文件，自动适应屏幕-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="css/bootstrap.css" rel="stylesheet" media="screen">
<meta name="viewport"
content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>栅格系统</title>
</head>
<
最低0.47元/天 解锁文章
435
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
