Difference between revisions of "Learning Bootstrap (1)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) |
Karl Jones (Talk | contribs) |
||
| Line 1: | Line 1: | ||
This article introduces [[Bootstrap (framework)|Bootstrap]] to the complete beginner. | This article introduces [[Bootstrap (framework)|Bootstrap]] to the complete beginner. | ||
| − | |||
| − | |||
== Requirements == | == Requirements == | ||
Revision as of 17:18, 6 February 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
