bootstarp基本使用

Posted 码哥的笔记

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstarp基本使用相关的知识,希望对你有一定的参考价值。

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基本使用的主要内容,如果未能解决你的问题,请参考以下文章

bootstarp-select的使用

bootstarp

使用bootstarp前端组件集成的table 分页组件 ;简单上手使用实现前端分页功能

HTML:Marked-js+Bootstarp简单实现Markdown文本编辑器

HTML静态网页作业——基于html+css+javascript+jquery+bootstarp响应式成都家乡介绍网页...

Bootstarp-switch(动画开关插件)