Bootstrap学习笔记(实习第2天)

最新推荐文章于 2022-09-02 20:39:35 发布

jkxqj

最新推荐文章于 2022-09-02 20:39:35 发布

阅读量1.7k

点赞数

分类专栏： Web前端开发技术文章标签： bootstrap

本文链接：https://blog.csdn.net/jkxqj/article/details/42457443

版权

Web前端开发技术专栏收录该内容

18 篇文章 5 订阅

订阅专栏

1、学习网站：

http://www.bootcss.com/

2、页面中加入下面代码即可调用bootstrap。

<!-- 新 Bootstrap 核心 CSS 文件 加到head中 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">

<!-- 可选的Bootstrap主题文件（一般不用引入） 加到head中 -->
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">

<!-- jQuery文件。务必在bootstrap.min.js 之前引入  加到body内最后面中 -->
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

<!-- 最新的 Bootstrap 核心 JavaScript 文件 加到body内最后面中 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>

3、基本模版

<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>  </title> 
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.0/css/bootstrap-theme.min.css">
   </head>
  <body>
<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
  </body>
</html>

4、兼容低版本的IE浏览器

http://www.bootcss.com/p/bsie/

5、查询文档

http://v3.bootcss.com/css/#overview