您现在的位置:首页 >> 前端 >> 内容

Bootstrap环境介绍及标准的入门级代码分享

时间:2018/5/15 10:09:12 点击:

  核心提示:简介Bootstrap是一个用于快速开发Web应用与网页的一个前端框架。具有:移动设备优先浏览器支持广泛容易上手相应式的设计搭建环境直接去Bootstrap的官网下载压缩包或者源码,但最终是需要使用到...

简介

Bootstrap是一个用于快速开发Web应用与网页的一个前端框架。

具有:

移动设备优先

浏览器支持广泛

容易上手

相应式的设计

……

搭建环境

直接去Bootstrap的官网下载压缩包或者源码,但最终是需要使用到源码。最后把它放到项目里面去并引用就好了。

标准入门

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <!-- CSS的核心文件 -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <h1>Hello World!</h1>
    <!-- 引入jQurey的国内支持 -->
    <script src="https://code.jquery.com/jquery.js"></script>
    <!-- 引入所有已编译的插件,路径请根据自己的目录来写-->
    <script src="bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
</body>
</html>

Tags:BO OO OT TS 
作者:网络 来源:混吃等死的a_fis