Difference between revisions of "Learning Bootstrap (1)"
From Wiki @ Karl Jones dot com
Karl Jones (Talk | contribs) |
Karl Jones (Talk | contribs) (→Download) |
||
Line 16: | Line 16: | ||
== Download == | == Download == | ||
− | * Bootstrap files. | + | * Bootstrap files |
+ | ** [https://github.com/twbs/bootstrap/releases/download/v3.3.5/bootstrap-3.3.5-dist.zip Download] | ||
+ | *** This is the basic package -- does not require additional tools or compile | ||
+ | |||
+ | == 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]]: | ||
+ | |||
+ | <code>(TO DO: code sample)</code> | ||
+ | |||
+ | == 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 <code>src</code> attribute set to the Bootstrap [[external JavaScript file]]: | ||
+ | |||
+ | <code>(TO DO: code sample)</code> | ||
+ | |||
+ | == Use Bootstrap styles in HTML == | ||
+ | |||
+ | Implement Bootstrap styles in your [[HTML]] by following the Bootstrap style conventions. | ||
+ | |||
+ | (TO DO: list and demonstrate basic styles.) | ||
== See also == | == See also == | ||
* [[Bootstrap (framework)]] | * [[Bootstrap (framework)]] |
Revision as of 12:06, 15 September 2015
This article introduces Bootstrap to the complete beginner.
(TO DO: expand, organize, cross-reference, illustrate.)
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.)