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前端组件集成的table 分页组件 ;简单上手使用实现前端分页功能
HTML:Marked-js+Bootstarp简单实现Markdown文本编辑器
HTML静态网页作业——基于html+css+javascript+jquery+bootstarp响应式成都家乡介绍网页...