</div>
<p>With a brief intro into the contents out of the way, we can focus putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the <a href="#file-structure">File structure</a>.</p>
<p>Now, here's a look at a <strong>typical HTML file</strong>:</p>
- <pre class="prettyprint linenums">
- <html>
- <head>
- <title>Bootstrap 101 Template</title>
- </head>
- <body>
- <h1>Hello, world!</h1>
- </body>
- </html>
- </pre>
+<pre class="prettyprint linenums">
+<html>
+ <head>
+ <title>Bootstrap 101 Template</title>
+ </head>
+ <body>
+ <h1>Hello, world!</h1>
+ </body>
+</html>
+</pre>
<p>To make this <strong>a Bootstrapped template</strong>, just include the appropriate CSS and JS files:</p>
- <pre class="prettyprint linenums">
- <html>
- <head>
- <title>Bootstrap 101 Template</title>
- <!-- Bootstrap -->
- <link href="css/bootstrap.min.css" rel="stylesheet">
- <script src="js/bootstrap.min.js"></script>
- </head>
- <body>
- <h1>Hello, world!</h1>
- </body>
- </html>
- </pre>
+<pre class="prettyprint linenums">
+<html>
+ <head>
+ <title>Bootstrap 101 Template</title>
+ <!-- Bootstrap -->
+ <link href="css/bootstrap.min.css" rel="stylesheet">
+ <script src="js/bootstrap.min.js"></script>
+ </head>
+ <body>
+ <h1>Hello, world!</h1>
+ </body>
+</html>
+</pre>
<p><strong>And you're set!</strong> With those two files added, you can begin to develop any site or application with Bootstrap.</p>
<hr>
</div>
<p>{{_i}}With a brief intro into the contents out of the way, we can focus putting Bootstrap to use. To do that, we'll utilize a basic HTML template that includes everything we mentioned in the <a href="#file-structure">File structure</a>.{{/i}}</p>
<p>{{_i}}Now, here's a look at a <strong>typical HTML file</strong>:{{/i}}</p>
- <pre class="prettyprint linenums">
- <html>
- <head>
- <title>Bootstrap 101 Template</title>
- </head>
- <body>
- <h1>Hello, world!</h1>
- </body>
- </html>
- </pre>
+<pre class="prettyprint linenums">
+<html>
+ <head>
+ <title>Bootstrap 101 Template</title>
+ </head>
+ <body>
+ <h1>Hello, world!</h1>
+ </body>
+</html>
+</pre>
<p>{{_i}}To make this <strong>a Bootstrapped template</strong>, just include the appropriate CSS and JS files:{{/i}}</p>
- <pre class="prettyprint linenums">
- <html>
- <head>
- <title>Bootstrap 101 Template</title>
- <!-- Bootstrap -->
- <link href="css/bootstrap.min.css" rel="stylesheet">
- <script src="js/bootstrap.min.js"></script>
- </head>
- <body>
- <h1>Hello, world!</h1>
- </body>
- </html>
- </pre>
+<pre class="prettyprint linenums">
+<html>
+ <head>
+ <title>Bootstrap 101 Template</title>
+ <!-- Bootstrap -->
+ <link href="css/bootstrap.min.css" rel="stylesheet">
+ <script src="js/bootstrap.min.js"></script>
+ </head>
+ <body>
+ <h1>Hello, world!</h1>
+ </body>
+</html>
+</pre>
<p>{{_i}}<strong>And you're set!</strong> With those two files added, you can begin to develop any site or application with Bootstrap.{{/i}}</p>
<hr>