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

bootstarp基本使用

时间:2017-05-22 13:45:58      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:svg   bootstrap   htm   link   body   hal   fling   结构   ons   

Bootstrap的使用一般有两种方法。一种是引用在线的Bootstrap的样式,一种是将Bootstrap下载到本地进行引用。

bootsrap在线地址 http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css

 

也可以到官网下载最新版,目录结构,在html中引入bootstrap.min.css,即可

 

bootstrap/
├── css/
│   ├── bootstrap.css
│   ├── bootstrap.min.css
│   ├── bootstrap-theme.css
│   └── bootstrap-theme.min.css
├── js/
│   ├── bootstrap.js
│   └── bootstrap.min.js
└── fonts/
    ├── glyphicons-halflings-regular.eot
    ├── glyphicons-halflings-regular.svg
    ├── glyphicons-halflings-regular.ttf
    └── glyphicons-halflings-regular.woff

例子:
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Hello Bootstrap</title>
    <!-- Bootstrap core CSS -->
    <link href="./bootstrap-3.2.0-dist/css/bootstrap.min.css" rel="stylesheet">
    <style type=‘text/css‘>
      body {
        background-color: #CCC;
      }
    </style>
    </head>
    <body>
        <h1>hello Bootstrap<h1>
    </body>
</html>


更多请点击查看  Bootstarap菜鸟教程
下载地址 http://getbootstrap.com/

 

 

bootstarp基本使用

标签:svg   bootstrap   htm   link   body   hal   fling   结构   ons   

原文地址:http://www.cnblogs.com/mudebao/p/6888860.html

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