码迷,mamicode.com
首页 > 其他好文 > 详细

Bootstrap部分---环境安装;

时间:2016-11-17 13:49:48      阅读:280      评论:0      收藏:0      [点我收藏+]

标签:rip   cal   ice   har   trap   nbsp   margin   set   标题   

一:环境安装*****顺序不可变*****

<head>

如果需要可以设定,移动设备优先

<meta name="viewport" content="width=device-width, initial-scale=1.0">

 


<!--1.引入 Bootstrap--->

<link href="../../../bootsrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />

<!--2.引入 jquery---><!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->

 

<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/jquery-1.11.2.min.js"></script>


<!--3.引入 js-------->

<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

 

<!--4.引入以下内容,给网格改宽度-------->

<style>
@media (min-width:768px){.container{width:100%}}
@media (min-width:992px){.container{width:100%}}
@media (min-width:1200px){.container{width:100%}}
*{ margin:0px auto; padding:0px;}


</style>

 

</head>

总结:

<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>
<!--1.引入 Bootstrap--->
<link href="../../../bootsrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!--2.引入    jquery--->
<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/jquery-1.11.2.min.js"></script>
<!--3.引入 js-------->
<script src="../../../bootsrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>

<style>
<!--4.引入以下内容,给网格改宽度-------->
@media (min-width:768px){.container{width:100%}}
@media (min-width:992px){.container{width:100%}}
@media (min-width:1200px){.container{width:100%}}
*{ margin:0px auto; padding:0px;}


</style>
</head>

Bootstrap部分---环境安装;

标签:rip   cal   ice   har   trap   nbsp   margin   set   标题   

原文地址:http://www.cnblogs.com/xingyue1988/p/6073172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!