Difference between revisions of "Learning Bootstrap (1)"

From Wiki @ Karl Jones dot com
Jump to: navigation, search
(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.)

Requirements

Getting started with Bootstrap requires:

Download

  • Bootstrap files
    • Download
      • This is the basic package -- does not require additional tools or compile

Upload to 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.)

See also