README.md 8.02 KB
Newer Older
1
# [Bootstrap](http://getbootstrap.com) [![Build Status](https://secure.travis-ci.org/twbs/bootstrap.png)](http://travis-ci.org/twbs/bootstrap) [![devDependency Status](https://david-dm.org/twbs/bootstrap/dev-status.png?theme=shields.io)](https://david-dm.org/twbs/bootstrap#info=devDependencies)
2
[![Selenium Test Status](https://saucelabs.com/browser-matrix/bootstrap.svg)](https://saucelabs.com/u/bootstrap)
Jacob Thornton's avatar
Jacob Thornton committed
3

4
Bootstrap is a sleek, intuitive, and powerful front-end framework for faster and easier web development, created by [Mark Otto](http://twitter.com/mdo) and [Jacob Thornton](http://twitter.com/fat), and maintained by the [core team](https://github.com/twbs?tab=members) with the massive support and involvement of the community.
Mark Otto's avatar
Mark Otto committed
5

6
To get started, check out <http://getbootstrap.com>!
Mark Otto's avatar
Mark Otto committed
7

8
9
10
11
12
13
14
15
16
17
18
## Table of contents

 - [Quick start](#quick-start)
 - [Bugs and feature requests](#bugs-and-feature-requests)
 - [Documentation](#documentation)
 - [Compiling CSS and JavaScript](#compiling-css-and-javascript)
 - [Contributing](#contributing)
 - [Community](#community)
 - [Versioning](#versioning)
 - [Authors](#authors)
 - [Copyright and license](#copyright-and-license)
Mark Otto's avatar
Mark Otto committed
19

Mark Otto's avatar
Mark Otto committed
20
## Quick start
Mark Otto's avatar
Mark Otto committed
21

Mark Otto's avatar
Mark Otto committed
22
Three quick start options are available:
23

24
- [Download the latest release](https://github.com/twbs/bootstrap/archive/v3.0.3.zip).
25
26
- Clone the repo: `git clone https://github.com/twbs/bootstrap.git`.
- Install with [Bower](http://bower.io): `bower install bootstrap`.
Jacob Thornton's avatar
Jacob Thornton committed
27

28
29
Read the [Getting Started page](http://getbootstrap.com/getting-started/) for information on the framework contents, templates and examples, and more.

30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
### What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

```
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
```

We provide compiled CSS and JS (`bootstrap.*`), as well as compiled and minified CSS and JS (`bootstrap.min.*`). Fonts from Glyphicons are included, as is the optional Bootstrap theme.

Mark Otto's avatar
Mark Otto committed
53

Mark Otto's avatar
Mark Otto committed
54

Mark Otto's avatar
Mark Otto committed
55
## Bugs and feature requests
Mark Otto's avatar
Mark Otto committed
56

57
Have a bug or a feature request? Please first read the [issue guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md#using-the-issue-tracker) and search for existing and closed issues.  If your problem or idea is not addressed yet, [please open a new issue](https://github.com/twbs/bootstrap/issues/new).
58
59


60
## Documentation
61

62
Bootstrap's documentation, included in this repo in the root directory, is built with [Jekyll](http://jekyllrb.com) and publicly hosted on GitHub Pages at <http://getbootstrap.com>. The docs may also be run locally.
63

64
65
### Running documentation locally

66
1. If necessary, [install Jekyll](http://jekyllrb.com/docs/installation) (requires v1.x).
67
  - **Windows users:** read [this unofficial guide](https://github.com/juthilo/run-jekyll-on-windows/) to get Jekyll up and running without problems.
Mark Otto's avatar
Mark Otto committed
68
2. From the root `/bootstrap` directory, run `jekyll serve` in the command line.
XhmikosR's avatar
XhmikosR committed
69
  - **Windows users:** For Ruby 2.0.0 run `chcp 65001` first to change the command prompt's character encoding ([code page](http://en.wikipedia.org/wiki/Windows_code_page)) to UTF-8 so Jekyll runs without errors. For Ruby 1.9.3 you can alternatively do `SET LANG=en_EN.UTF-8`. In addition, ensure you have Python installed and added in your `PATH` or the build will fail due to our Pygments dependency.
70
3. Open <http://localhost:9001> in your browser, and voilà.
71

Zlatan Vasović's avatar
Zlatan Vasović committed
72
Learn more about using Jekyll by reading its [documentation](http://jekyllrb.com/docs/home/).
73
74
75

### Documentation for previous releases

76
Documentation for v2.3.2 has been made available for the time being at <http://getbootstrap.com/2.3.2/> while folks transition to Bootstrap 3.
77

78
[Previous releases](https://github.com/twbs/bootstrap/releases) and their documentation are also available for download.
79
80
81
82
83



## Compiling CSS and JavaScript

Mark Otto's avatar
Mark Otto committed
84
Bootstrap uses [Grunt](http://gruntjs.com/) with convenient methods for working with the framework. It's how we compile our code, run tests, and more. To use it, install the required dependencies as directed and then run some Grunt commands.
85

Mark Otto's avatar
Mark Otto committed
86
### Install Grunt
87

Mark Otto's avatar
Mark Otto committed
88
From the command line:
89

Mark Otto's avatar
Mark Otto committed
90
1. Install `grunt-cli` globally with `npm install -g grunt-cli`.
91
2. Navigate to the root `/bootstrap` directory, then run `npm install`. npm will look at [package.json](package.json) and automatically install the necessary local dependencies listed there.
Mark Otto's avatar
Mark Otto committed
92

93
When completed, you'll be able to run the various Grunt commands provided from the command line.
94

95
96
**Unfamiliar with `npm`? Don't have node installed?** That's a-okay. npm stands for [node packaged modules](http://npmjs.org/) and is a way to manage development dependencies through node.js. [Download and install node.js](http://nodejs.org/download/) before proceeding.

Mark Otto's avatar
Mark Otto committed
97
### Available Grunt commands
98

99
#### Build - `grunt`
Zlatan Vasović's avatar
Zlatan Vasović committed
100
Run `grunt` to run tests locally and compile the CSS and JavaScript into `/dist`. **Uses [Less](http://lesscss.org/) and [UglifyJS](http://lisperator.net/uglifyjs/).**
101

102
#### Only compile CSS and JavaScript - `grunt dist`
Zlatan Vasović's avatar
Zlatan Vasović committed
103
`grunt dist` creates the `/dist` directory with compiled files. **Uses [Less](http://lesscss.org/) and [UglifyJS](http://lisperator.net/uglifyjs/).**
104

105
#### Tests - `grunt test`
106
Runs [JSHint](http://jshint.com) and [QUnit](http://qunitjs.com/) tests headlessly in [PhantomJS](http://phantomjs.org/) (used for CI).
107

108
109
#### Watch - `grunt watch`
This is a convenience method for watching just Less files and automatically building them whenever you save.
Jacob Thornton's avatar
Jacob Thornton committed
110

111
112
### Troubleshooting dependencies

Mark Otto's avatar
Mark Otto committed
113
Should you encounter problems with installing dependencies or running Grunt commands, uninstall all previous dependency versions (global and local). Then, rerun `npm install`.
114

Jacob Thornton's avatar
Jacob Thornton committed
115

Mark Otto's avatar
Mark Otto committed
116

Mark Otto's avatar
Mark Otto committed
117
118
## Contributing

119
Please read through our [contributing guidelines](https://github.com/twbs/bootstrap/blob/master/CONTRIBUTING.md). Included are directions for opening issues, coding standards, and notes on development.
120
121

More over, if your pull request contains JavaScript patches or features, you must include relevant unit tests. All HTML and CSS should conform to the [Code Guide](http://github.com/mdo/code-guide), maintained by [Mark Otto](http://github.com/mdo).
Jacob Thornton's avatar
Jacob Thornton committed
122

123
Editor preferences are available in the [editor config](.editorconfig) for easy use in common text editors. Read more and download plugins at <http://editorconfig.org>.
Mark Otto's avatar
Mark Otto committed
124

Jacob Thornton's avatar
Jacob Thornton committed
125

Mark Otto's avatar
Mark Otto committed
126

Mark Otto's avatar
Mark Otto committed
127
128
129
130
## Community

Keep track of development and community news.

131
132
133
- Follow [@twbootstrap on Twitter](http://twitter.com/twbootstrap).
- Read and subscribe to [The Official Bootstrap Blog](http://blog.getbootstrap.com).
- Chat with fellow Bootstrappers in IRC. On the `irc.freenode.net` server, in the `##twitter-bootstrap` channel.
Mark Otto's avatar
Mark Otto committed
134
- Implementation help may be found at Stack Overflow (tagged [`twitter-bootstrap`](http://stackoverflow.com/questions/tagged/twitter-bootstrap)).
Mark Otto's avatar
Mark Otto committed
135
136
137



138

Mark Otto's avatar
Mark Otto committed
139
140
## Versioning

141
For transparency into our release cycle and in striving to maintain backward compatibility, Bootstrap is maintained under the Semantic Versioning guidelines. Sometimes we screw up, but we'll adhere to these rules whenever possible.
Mark Otto's avatar
Mark Otto committed
142
143
144
145
146
147
148

Releases will be numbered with the following format:

`<major>.<minor>.<patch>`

And constructed with the following guidelines:

Mark Otto's avatar
Mark Otto committed
149
150
- Breaking backward compatibility **bumps the major** while resetting minor and patch
- New additions without breaking backward compatibility **bumps the minor** while resetting the patch
151
- Bug fixes and misc changes **bumps only the patch**
Mark Otto's avatar
Mark Otto committed
152

153
For more information on SemVer, please visit <http://semver.org/>.
Mark Otto's avatar
Mark Otto committed
154
155
156



Mark Otto's avatar
Mark Otto committed
157
## Authors
158

Mark Otto's avatar
Mark Otto committed
159
**Mark Otto**
Jacob Thornton's avatar
Jacob Thornton committed
160

161
162
- <http://twitter.com/mdo>
- <http://github.com/mdo>
163

Mark Otto's avatar
Mark Otto committed
164
**Jacob Thornton**
Jacob Thornton's avatar
Jacob Thornton committed
165

166
167
- <http://twitter.com/fat>
- <http://github.com/fat>
Mark Otto's avatar
Mark Otto committed
168

Mark Otto's avatar
Mark Otto committed
169

Mark Otto's avatar
Mark Otto committed
170

Mark Otto's avatar
Mark Otto committed
171
## Copyright and license
Jacob Thornton's avatar
Jacob Thornton committed
172

173
Copyright 2011-2014 Twitter, Inc. under [the MIT license](LICENSE).