Difference between revisions of "Learning Bootstrap (1)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) |
Karl Jones (Talk | contribs) (→External links) |
||
| Line 56: | Line 56: | ||
* [http://getbootstrap.com/css/ CSS] @ getbootstrap.com | * [http://getbootstrap.com/css/ CSS] @ getbootstrap.com | ||
* [http://getbootstrap.com/examples/grid/ Bootstrap grid examples] @ getbootstrap.com | * [http://getbootstrap.com/examples/grid/ Bootstrap grid examples] @ getbootstrap.com | ||
| + | |||
| + | [[Category:Bootstrap (framework)]] | ||
| + | [[Category:Web design and development]] | ||
Latest revision as of 09:05, 18 April 2016
This article introduces Bootstrap to the complete beginner.
Contents
Requirements
Getting started with Bootstrap requires:
- Bootstrap files
- Text editor
- Web browser
- Web server (optional / advanced)
- Knowledge of HTML and CSS
- Knowledge of JavaScript, for some Bootstrap features
Download
- Bootstrap files
- Download
- This is the basic package -- does not require additional tools or compile
- Download
Upload to web server
- Unzip the download files
- Move the Bootstrap folder to your local root folder
- Upload the Bootstrap folder to your web server
Use Bootstrap CSS
Use Bootstrap CSS in your web pages by first creating a link to the Bootstrap external style sheet:
(TO DO: code sample)
Use Bootstrap JavaScript in your web pages
Some Bootstrap features require JavaScript.
Use Bootstrap JavaScript in your web pages by first creating a script tag with the src attribute set to the Bootstrap external JavaScript file:
(TO DO: code sample)
Use Bootstrap styles in HTML
Implement Bootstrap styles in your HTML by following the Bootstrap style conventions.
(TO DO: list and demonstrate basic styles.)
Use the Bootstrap grid system
Use the Bootstrap grid system to define rows and columns.
See also
External links
- CSS @ getbootstrap.com
- Bootstrap grid examples @ getbootstrap.com
