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

第一章 Bootstrap入门

时间:2015-05-11 16:16:55      阅读:126      评论:0      收藏:0      [点我收藏+]

标签:

Bootstrap简介

Bootstrap是一组用于制作网站及网络应用程序的工具,里面包含有HTML、层叠样式表(CSS)及JavaScript的框架,提供字体排印、表单、按钮、导航及其他各种元件,并提供了Javascript扩充套件。对于同时要供不同上网装置及浏览器,如一般电脑、手机及平板电脑等浏览的网站及网络应用程序,Bootstrap提供了CSS媒体查询(Media Query),节省网站制作者分别制作不同版本的时间及不便。

下载

下载地址:http://getbootstrap.com/getting-started/#download技术分享

Bootstrap文件组织结构

bootstrap/
├── less/
├── js/
├── fonts/
├── dist/
│   ├── css/
│   ├── js/
│   └── fonts/
└── docs/
    └── examples/

less/、js/ 和 fonts/ 目录分别包含了 CSS、JS 和字体图标的源码。dist/ 目录包含了预编译 Bootstrap 包内的所有文件。docs/ 包含了所有文档的源码文件,examples/ 目录是 Bootstrap 官方提供的实例工程。

基本模板

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
    <title>Bootstrap 101 Template</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]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="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.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>

 

第一章 Bootstrap入门

标签:

原文地址:http://my.oschina.net/u/2364574/blog/413269

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