bootstrap框架怎么在html页面加载使用
1个回答
2016-04-28 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
在网页中使用Bootstrap
1、创建了一个最简单的基本模版
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]--> </head> <body> <h1>Hello, world!</h1> <script src="js/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap.min.js">
</script>
</body>
</html>
2、可以将Bootstrap的样式文件引用当网页中
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"
3、需要使用Bootstrap架构提供JavaScript插件的话，那么需要将架构的js文件链接引用到网页中，上面也有提到过JavaScript插件都是依赖与jQuery库的，所以我们当然也需要链接引用jquery的库文件
<script src="js/jquery-2.0.3.min.js"></script> <script src="js/bootstrap.min.js"></script>
3、viewport的<meta>标签，这个标签可以修改在大部分的移动设备上面的显示，为了确保适当的绘制和触屏缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4、使用的html5的一些新的标签，那么在IE9以下的浏览器并不支持这些标签，也不能为这些标签进行添加样式。
1、创建了一个最简单的基本模版
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- Bootstrap --> <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]--> </head> <body> <h1>Hello, world!</h1> <script src="js/jquery-2.0.3.min.js"></script>
<script src="js/bootstrap.min.js">
</script>
</body>
</html>
2、可以将Bootstrap的样式文件引用当网页中
<link href="css/bootstrap.min.css" rel="stylesheet" media="screen"
3、需要使用Bootstrap架构提供JavaScript插件的话，那么需要将架构的js文件链接引用到网页中，上面也有提到过JavaScript插件都是依赖与jQuery库的，所以我们当然也需要链接引用jquery的库文件
<script src="js/jquery-2.0.3.min.js"></script> <script src="js/bootstrap.min.js"></script>
3、viewport的<meta>标签，这个标签可以修改在大部分的移动设备上面的显示，为了确保适当的绘制和触屏缩放。
<meta name="viewport" content="width=device-width, initial-scale=1.0">
4、使用的html5的一些新的标签，那么在IE9以下的浏览器并不支持这些标签，也不能为这些标签进行添加样式。
本回答由电脑网络分类达人 饶烽推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
