mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-11 18:02:28 +03:00
update static assets section of extend page, copy changes elsewhere
This commit is contained in:
Vendored
+53
-2
@@ -106,8 +106,59 @@
|
||||
<div class="page-header">
|
||||
<h1>{{_i}}Use as static assets{{/i}}</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">{{_i}}<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.{{/i}}</p>
|
||||
|
||||
<h3>{{_i}}Setup file structure{{/i}}</h3>
|
||||
<p>{{_i}}Download the latest compiled Bootstrap and place into your project. For example, you might have something like this:{{/i}}</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>{{_i}}Utilize starter template{{/i}}</h3>
|
||||
<p>{{_i}}Copy the following base HTML to get started.{{/i}}</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>{{_i}}Layer on custom code{{/i}}</h3>
|
||||
<p>{{_i}}Work in your custom CSS, JS, and more as necessary to make Bootstrap your own with your own separate CSS and JS files.{{/i}}</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>
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user