diff options
Diffstat (limited to 'docs/extend.html')
| -rw-r--r-- | docs/extend.html | 55 |
1 files changed, 53 insertions, 2 deletions
diff --git a/docs/extend.html b/docs/extend.html index 1e1c753ea..8e9b79b6b 100644 --- a/docs/extend.html +++ b/docs/extend.html @@ -177,8 +177,59 @@ <div class="page-header"> <h1>Use as static assets</h1> </div> - <p class="lead">Quickly start any web project by dropping in the compiled or minified CSS and JS. Layer on custom styles separately for easy upgrades and maintenance moving forward.</p> - <p>...</p> + <p class="lead"><a href="./getting-started.html">Quickly start</a> any web project by dropping in the compiled or minified CSS and JS. Layer on custom styles separately for easy upgrades and maintenance moving forward.</p> + + <h3>Setup file structure</h3> + <p>Download the latest compiled Bootstrap and place into your project. For example, you might have something like this:</p> +<pre class="prettyprint"> + app/ + ├── layouts/ + └── templates/ + public/ + ├── css/ + │ ├── bootstrap.min.css + ├── js/ + │ ├── bootstrap.min.js + └── img/ + ├── glyphicons-halflings.png + └── glyphicons-halflings-white.png +</pre> + + <h3>Utilize starter template</h3> + <p>Copy the following base HTML to get started.</p> +<pre class="prettyprint linenums"> +<html> + <head> + <title>Bootstrap 101 Template</title> + <!-- Bootstrap --> + <link href="public/css/bootstrap.min.css" rel="stylesheet"> + <script src="public/js/bootstrap.min.js"></script> + </head> + <body> + <h1>Hello, world!</h1> + </body> +</html> +</pre> + + <h3>Layer on custom code</h3> + <p>Work in your custom CSS, JS, and more as necessary to make Bootstrap your own with your own separate CSS and JS files.</p> +<pre class="prettyprint linenums"> +<html> + <head> + <title>Bootstrap 101 Template</title> + <!-- Bootstrap --> + <link href="public/css/bootstrap.min.css" rel="stylesheet"> + <script src="public/js/bootstrap.min.js"></script> + <!-- Project --> + <link href="public/css/application.css" rel="stylesheet"> + <script src="public/js/application.js"></script> + </head> + <body> + <h1>Hello, world!</h1> + </body> +</html> +</pre> + </section> |
