95后初识Boostrap

最新推荐文章于 2024-09-11 20:31:47 发布

Prince先生

最新推荐文章于 2024-09-11 20:31:47 发布

阅读量240

点赞数 2

分类专栏： bootstrap 文章标签： bootstrap css js web

本文链接：https://blog.csdn.net/princeme1/article/details/108879789

版权

bootstrap 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

Bootstrap到底是什么？

Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。
这些可能是你在网上搜索出来的结果
NO！！！！！！！
个人理解：
Bootstrap就是一个方便你进行前端开发的综合型框架。他里面集合了我们在网站开发所用的大部分css特效以及HTML5。其实自学bootstrap并不难，只要你有一定基础的css3以及HTML5的知识，那么就很简单。
这是boostrap的官方链接(https://getbootstrap.com/），里面讲解了它的一些基础知识，包括下载。
下面我就给大家分享一下boostrap的一个代码标准：

<!DOCTYPE html>
<html lang="en">
<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>Bootstrap的HTML标准模板</title>
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <!--你自己的样式文件 -->
    <link href="css/style.css" rel="stylesheet">
    <!-- 以下两个插件用于在IE8以及以下版本浏览器支持HTML5元素和媒体查询，如果不需要用可以移除 -->
    <!--[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.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
<h1>Hello, world!</h1>

<!-- 如果要使用Bootstrap的js插件，必须先调入jQuery -->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<!-- 包括所有bootstrap的js插件或者可以根据需要使用的js插件调用　-->
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</body>
</html>