BootStrap 简介

来源:互联网 发布:电脑微信多开软件 编辑:程序博客网 时间:2024/06/06 00:46

Bootstrap是一个简易快速构建Web前端框架,它提供了包括排版,表格,按钮,表格,导航栏,模态对话框,图像轮播,以及可选的JavaScript插件HTML和CSS基于设计模板。Bootstrap也让您轻松地创建响应设计的能力。

发布包

可以从Bootstrap官网上载Bootstrap,当前版本是3.3.下面是用于生产环境下发包目录:


包含了压缩后的 CSSJavaScript 和字体文件。

下面的示例是Bootstrap官方提供的基于Bootstrap构造HTML面页基本模板。

<!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>BootStrap入门示例一:基本模板</title>

 

    <!-- Bootstrap -->

    <link href="css/bootstrap.min.css" rel="stylesheet">

 

    <!-- HTML5 shim and Respond.js for 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]>

      <scriptsrc="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>

      <scriptsrc="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>

    <![endif]-->

  </head>

  <body>

    <h1>你好,世界!</h1>

 

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>

    <!-- Include all compiled plugins (below), or include individual files as needed -->

    <script src="js/bootstrap.min.js"></script>

  </body>

</html>

 

0 0
原创粉丝点击