2011-10-26 23:11:56 -07:00
<!DOCTYPE html>
< html lang = "en" >
< head >
< meta charset = "utf-8" >
2012-03-10 15:14:54 -08:00
< title > Scaffolding · Twitter Bootstrap< / title >
2011-11-08 20:32:28 +01:00
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
2011-10-26 23:11:56 -07:00
< meta name = "description" content = "" >
< meta name = "author" content = "" >
<!-- Le styles -->
2012-01-26 22:05:45 -08:00
< link href = "assets/css/bootstrap.css" rel = "stylesheet" >
< link href = "assets/css/bootstrap-responsive.css" rel = "stylesheet" >
2011-10-26 23:11:56 -07:00
< link href = "assets/css/docs.css" rel = "stylesheet" >
< link href = "assets/js/google-code-prettify/prettify.css" rel = "stylesheet" >
2012-02-12 11:08:58 -08:00
<!-- Le HTML5 shim, for IE6 - 8 support of HTML5 elements -->
<!-- [if lt IE 9]>
< script src = "http://html5shim.googlecode.com/svn/trunk/html5.js" > < / script >
<![endif]-->
2011-10-26 23:11:56 -07:00
<!-- Le fav and touch icons -->
2012-01-25 10:19:29 -08:00
< link rel = "shortcut icon" href = "assets/ico/favicon.ico" >
2012-03-25 00:46:03 -07:00
< link rel = "apple-touch-icon-precomposed" sizes = "144x144" href = "assets/ico/apple-touch-icon-144-precomposed.png" >
2012-03-11 17:28:28 -07:00
< link rel = "apple-touch-icon-precomposed" sizes = "114x114" href = "assets/ico/apple-touch-icon-114-precomposed.png" >
2012-03-11 17:53:17 -07:00
< link rel = "apple-touch-icon-precomposed" sizes = "72x72" href = "assets/ico/apple-touch-icon-72-precomposed.png" >
< link rel = "apple-touch-icon-precomposed" href = "assets/ico/apple-touch-icon-57-precomposed.png" >
2012-05-26 16:35:28 -07:00
2011-10-26 23:11:56 -07:00
< / head >
2012-08-19 21:12:52 -07:00
< body data-spy = "scroll" data-target = ".bs-docs-sidebar" >
2012-06-06 00:48:31 -07:00
2012-06-07 21:48:03 -07:00
<!-- Navbar
================================================== -->
2012-08-19 23:01:24 -07:00
< div class = "navbar navbar-inverse navbar-fixed-top" >
2012-09-25 22:48:02 -07:00
< div class = "container" >
< button type = "button" class = "btn btn-navbar" data-toggle = "collapse" data-target = ".nav-collapse" >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< span class = "icon-bar" > < / span >
< / button >
< a class = "brand" href = "./index.html" > Bootstrap< / a >
< div class = "nav-collapse collapse" >
< ul class = "nav" >
< li class = "" >
< a href = "./index.html" > Home< / a >
< / li >
< li class = "" >
< a href = "./getting-started.html" > Get started< / a >
< / li >
< li class = "active" >
< a href = "./scaffolding.html" > Scaffolding< / a >
< / li >
< li class = "" >
< a href = "./base-css.html" > Base CSS< / a >
< / li >
< li class = "" >
< a href = "./components.html" > Components< / a >
< / li >
< li class = "" >
< a href = "./javascript.html" > JavaScript< / a >
< / li >
< li class = "" >
< a href = "./customize.html" > Customize< / a >
< / li >
< / ul >
2012-06-07 21:48:03 -07:00
< / div >
< / div >
< / div >
2012-07-09 22:36:12 -07:00
<!-- Subhead
2012-06-05 18:25:46 -07:00
================================================== -->
< header class = "jumbotron subhead" id = "overview" >
2012-07-12 18:11:49 -07:00
< div class = "container" >
< h1 > Scaffolding< / h1 >
2012-07-31 00:06:37 -07:00
< p class = "lead" > Bootstrap is built on responsive 12-column grids, layouts, and components.< / p >
2012-07-12 18:11:49 -07:00
< / div >
2012-06-05 18:25:46 -07:00
< / header >
2012-07-23 22:36:08 -07:00
< div class = "container" >
2012-07-08 01:47:36 -07:00
2012-07-23 22:36:08 -07:00
<!-- Docs nav
================================================== -->
< div class = "row" >
< div class = "span3 bs-docs-sidebar" >
2012-08-14 21:06:08 -07:00
< ul class = "nav nav-list bs-docs-sidenav" >
2012-07-30 23:48:26 -07:00
< li > < a href = "#global" > < i class = "icon-chevron-right" > < / i > Global styles< / a > < / li >
< li > < a href = "#gridSystem" > < i class = "icon-chevron-right" > < / i > Grid system< / a > < / li >
< li > < a href = "#layouts" > < i class = "icon-chevron-right" > < / i > Layouts< / a > < / li >
< li > < a href = "#responsive" > < i class = "icon-chevron-right" > < / i > Responsive design< / a > < / li >
2012-07-23 22:36:08 -07:00
< / ul >
< / div >
< div class = "span9" >
2012-07-08 01:47:36 -07:00
2012-02-19 16:28:46 -08:00
2012-06-04 23:10:30 -07:00
2012-07-23 22:36:08 -07:00
<!-- Global Bootstrap settings
================================================== -->
< section id = "global" >
< div class = "page-header" >
2012-08-19 23:01:24 -07:00
< h1 > Global settings< / h1 >
2012-07-23 22:36:08 -07:00
< / div >
2012-07-12 18:11:49 -07:00
2012-07-23 22:36:08 -07:00
< h3 > Requires HTML5 doctype< / h3 >
< p > Bootstrap makes use of certain HTML elements and CSS properties that require the use of the HTML5 doctype. Include it at the beginning of all your projects.< / p >
2012-02-19 16:28:46 -08:00
< pre class = "prettyprint linenums" >
< !DOCTYPE html>
< html lang="en">
...
< /html>
< / pre >
2012-06-04 23:10:30 -07:00
2012-07-23 22:36:08 -07:00
< h3 > Typography and links< / h3 >
< p > Bootstrap sets basic global display, typography, and link styles. Specifically, we:< / p >
< ul >
< li > Remove < code > margin< / code > on the body< / li >
< li > Set < code > background-color: white;< / code > on the < code > body< / code > < / li >
2012-08-21 12:59:26 -07:00
< li > Use the < code > @baseFontFamily< / code > , < code > @baseFontSize< / code > , and < code > @baseLineHeight< / code > attributes as our typographic base< / li >
2012-07-23 22:36:08 -07:00
< li > Set the global link color via < code > @linkColor< / code > and apply link underlines only on < code > :hover< / code > < / li >
< / ul >
< p > These styles can be found within < strong > scaffolding.less< / strong > .< / p >
2012-06-04 23:10:30 -07:00
2012-07-23 22:36:08 -07:00
< h3 > Reset via Normalize< / h3 >
< p > With Bootstrap 2, the old reset block has been dropped in favor of < a href = "http://necolas.github.com/normalize.css/" target = "_blank" > Normalize.css< / a > , a project by < a href = "http://twitter.com/necolas" target = "_blank" > Nicolas Gallagher< / a > that also powers the < a href = "http://html5boilerplate.com" target = "_blank" > HTML5 Boilerplate< / a > . While we use much of Normalize within our < strong > reset.less< / strong > , we have removed some elements specifically for Bootstrap.< / p >
2012-06-04 23:10:30 -07:00
2012-07-23 22:36:08 -07:00
< / section >
2012-02-19 16:28:46 -08:00
2012-07-23 22:36:08 -07:00
<!-- Grid system
================================================== -->
< section id = "gridSystem" >
< div class = "page-header" >
2012-08-19 12:04:41 -07:00
< h1 > Default grid system< / h1 >
2012-07-12 18:11:49 -07:00
< / div >
2012-07-23 22:36:08 -07:00
< h2 > Live grid example< / h2 >
2012-08-22 09:46:07 -07:00
< p > The default Bootstrap grid system utilizes < strong > 12 columns< / strong > , making for a 940px wide container without < a href = "./scaffolding.html#responsive" > responsive features< / a > enabled. With the responsive CSS file added, the grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.< / p >
2012-07-23 22:36:08 -07:00
< div class = "bs-docs-grid" >
< div class = "row show-grid" >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
2012-08-28 13:33:06 -07:00
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
< div class = "span1" > 1< / div >
2012-07-23 22:36:08 -07:00
< / div >
< div class = "row show-grid" >
2012-08-28 13:33:06 -07:00
< div class = "span4" > 4< / div >
< div class = "span4" > 4< / div >
2012-07-23 22:36:08 -07:00
< div class = "span4" > 4< / div >
< / div >
< div class = "row show-grid" >
2012-08-28 13:33:06 -07:00
< div class = "span6" > 6< / div >
< div class = "span6" > 6< / div >
2012-07-23 22:36:08 -07:00
< / div >
< div class = "row show-grid" >
2012-08-28 13:33:06 -07:00
< div class = "span12" > 12< / div >
2012-07-23 22:36:08 -07:00
< / div >
2012-07-12 18:11:49 -07:00
< / div >
2012-06-04 23:10:30 -07:00
2012-07-23 22:36:08 -07:00
< h3 > Basic grid HTML< / h3 >
< p > For a simple two column layout, create a < code > .row< / code > and add the appropriate number of < code > .span*< / code > columns. As this is a 12-column grid, each < code > .span*< / code > spans a number of those 12 columns, and should always add up to 12 for each row (or the number of columns in the parent).< / p >
2011-10-26 23:11:56 -07:00
< pre class = "prettyprint linenums" >
< div class="row">
< div class="span4"> ...< /div>
< div class="span8"> ...< /div>
< /div>
< / pre >
2012-07-23 22:36:08 -07:00
< p > Given this example, we have < code > .span4< / code > and < code > .span8< / code > , making for 12 total columns and a complete row.< / p >
< h2 > Offsetting columns< / h2 >
2012-09-04 14:27:48 -07:00
< p > Move columns to the right using < code > .offset*< / code > classes. Each class increases the left margin of a column by a whole column. For example, < code > .offset4< / code > moves < code > .span4< / code > over four columns.< / p >
2012-07-23 22:36:08 -07:00
< div class = "bs-docs-grid" >
< div class = "row show-grid" >
< div class = "span4" > 4< / div >
2012-08-28 13:33:06 -07:00
< div class = "span4 offset4" > 4 offset 4< / div >
2012-07-23 22:36:08 -07:00
< / div > <!-- /row -->
< div class = "row show-grid" >
2012-08-28 13:33:06 -07:00
< div class = "span3 offset3" > 3 offset 3< / div >
< div class = "span3 offset3" > 3 offset 3< / div >
2012-07-23 22:36:08 -07:00
< / div > <!-- /row -->
< div class = "row show-grid" >
2012-08-28 13:33:06 -07:00
< div class = "span6 offset6" > 6 offset 6< / div >
2012-07-23 22:36:08 -07:00
< / div > <!-- /row -->
< / div >
2012-01-27 13:20:02 -08:00
< pre class = "prettyprint linenums" >
< div class="row">
< div class="span4"> ...< /div>
2012-08-28 13:33:06 -07:00
< div class="span4 offset4"> ...< /div>
2012-01-27 13:20:02 -08:00
< /div>
< / pre >
2011-10-26 23:11:56 -07:00
2012-08-28 13:33:06 -07:00
2012-07-23 22:36:08 -07:00
< h2 > Nesting columns< / h2 >
2012-07-12 18:11:49 -07:00
< p > To nest your content with the default grid, add a new < code > .row< / code > and set of < code > .span*< / code > columns within an existing < code > .span*< / code > column. Nested rows should include a set of columns that add up to the number of columns of its parent.< / p >
< div class = "row show-grid" >
< div class = "span9" >
2012-09-05 23:07:52 -03:00
Level 1 column
2012-07-12 18:11:49 -07:00
< div class = "row show-grid" >
2012-07-15 16:13:25 -07:00
< div class = "span6" >
2012-07-12 18:11:49 -07:00
Level 2
< / div >
2012-08-28 13:33:06 -07:00
< div class = "span6" >
2012-07-12 18:11:49 -07:00
Level 2
< / div >
2012-07-09 22:36:12 -07:00
< / div >
< / div >
2011-10-26 23:11:56 -07:00
< / div >
2012-02-12 16:59:29 -08:00
< pre class = "prettyprint linenums" >
< div class="row">
2012-07-15 16:13:25 -07:00
< div class="span9">
2012-05-24 20:16:25 -07:00
Level 1 column
2012-02-12 16:59:29 -08:00
< div class="row">
2011-10-26 23:11:56 -07:00
< div class="span6"> Level 2< /div>
2012-07-15 16:13:25 -07:00
< div class="span3"> Level 2< /div>
2012-02-12 16:59:29 -08:00
< /div>
< /div>
< /div>
< / pre >
2012-07-23 22:36:08 -07:00
< / section >
2012-02-12 16:59:29 -08:00
2012-06-05 19:53:54 -07:00
2012-07-23 22:36:08 -07:00
<!-- Layouts (Default and fluid)
================================================== -->
< section id = "layouts" >
< div class = "page-header" >
2012-08-19 12:04:41 -07:00
< h1 > Layouts< / h1 >
2012-07-23 22:36:08 -07:00
< / div >
2011-10-26 23:11:56 -07:00
2012-07-23 22:36:08 -07:00
< h2 > Fixed layout< / h2 >
< p > Provides a common fixed-width (and optionally responsive) layout with only < code > < div class="container"> < / code > required.< / p >
< div class = "mini-layout" >
< div class = "mini-layout-body" > < / div >
< / div >
2011-10-26 23:11:56 -07:00
< pre class = "prettyprint linenums" >
< body>
< div class="container">
...
< /div>
< /body>
< / pre >
2012-06-04 23:10:30 -07:00
2012-07-23 22:36:08 -07:00
< h2 > Fluid layout< / h2 >
< p > Create a fluid, two-column page with < code > < div class="container-fluid"> < / code > — great for applications and docs.< / p >
< div class = "mini-layout fluid" >
< div class = "mini-layout-sidebar" > < / div >
< div class = "mini-layout-body" > < / div >
< / div >
2011-10-26 23:11:56 -07:00
< pre class = "prettyprint linenums" >
2012-01-30 23:10:29 -08:00
< div class="container-fluid">
2012-09-25 22:40:48 -07:00
< div class="row">
2012-01-30 23:10:29 -08:00
< div class="span2">
< !--Sidebar content-->
2011-10-26 23:11:56 -07:00
< /div>
2012-01-30 23:10:29 -08:00
< div class="span10">
< !--Body content-->
2011-10-26 23:11:56 -07:00
< /div>
< /div>
2012-01-30 23:10:29 -08:00
< /div>
2011-10-26 23:11:56 -07:00
< / pre >
2012-07-23 22:36:08 -07:00
< / section >
2011-10-26 23:11:56 -07:00
2012-07-23 22:36:08 -07:00
<!-- Responsive design
================================================== -->
< section id = "responsive" >
< div class = "page-header" >
2012-08-19 12:04:41 -07:00
< h1 > Responsive design< / h1 >
2012-07-23 22:36:08 -07:00
< / div >
2012-06-04 23:10:30 -07:00
2012-07-23 22:36:08 -07:00
< h2 > Enabling responsive features< / h2 >
2012-09-30 23:26:51 -07:00
< p > Responsive CSS requires the following meta tag in the < code > < head> < / code > of your pages.< / p >
2012-06-05 19:53:54 -07:00
< pre class = "prettyprint linenums" >
< meta name="viewport" content="width=device-width, initial-scale=1.0">
< / pre >
2012-07-23 22:36:08 -07:00
< h2 > About responsive Bootstrap< / h2 >
< img src = "assets/img/responsive-illustrations.png" alt = "Responsive devices" style = "float: right; margin: 0 0 20px 20px;" >
< p > Media queries allow for custom CSS based on a number of conditions— ratios, widths, display type, etc— but usually focuses around < code > min-width< / code > and < code > max-width< / code > .< / p >
< ul >
< li > Modify the width of column in our grid< / li >
< li > Stack elements instead of float wherever necessary< / li >
< li > Resize headings and text to be more appropriate for devices< / li >
< / ul >
< p > Use media queries responsibly and only as a start to your mobile audiences. For larger projects, do consider dedicated code bases and not layers of media queries.< / p >
< h2 > Supported devices< / h2 >
2012-09-30 23:26:51 -07:00
< p > Bootstrap supports a handful of media queries to help make your projects more appropriate on different devices and screen resolutions. Here's what's included:< / p >
2012-07-23 22:36:08 -07:00
< table class = "table table-bordered table-striped" >
< thead >
< tr >
< th > Label< / th >
< th > Layout width< / th >
< th > Column width< / th >
< th > Gutter width< / th >
< / tr >
< / thead >
< tbody >
< tr >
2012-08-31 23:12:02 -07:00
< td > Large display< / td >
< td > 1200px and up< / td >
< td > 70px< / td >
< td > 30px< / td >
2012-07-23 22:36:08 -07:00
< / tr >
< tr >
2012-08-31 23:12:02 -07:00
< td > Default< / td >
< td > 980px and up< / td >
< td > 60px< / td >
< td > 20px< / td >
2012-07-23 22:36:08 -07:00
< / tr >
< tr >
< td > Portrait tablets< / td >
< td > 768px and above< / td >
< td > 42px< / td >
< td > 20px< / td >
< / tr >
< tr >
2012-08-31 23:12:02 -07:00
< td > Phones to tablets< / td >
< td > 767px and below< / td >
< td class = "muted" colspan = "2" > Fluid columns, no fixed widths< / td >
2012-07-23 22:36:08 -07:00
< / tr >
< tr >
2012-08-31 23:12:02 -07:00
< td > Phones< / td >
< td > 480px and below< / td >
< td class = "muted" colspan = "2" > Fluid columns, no fixed widths< / td >
2012-07-23 22:36:08 -07:00
< / tr >
< / tbody >
< / table >
2011-10-26 23:11:56 -07:00
< pre class = "prettyprint linenums" >
2012-08-31 23:12:02 -07:00
/* Large desktop */
@media (min-width: 1200px) { ... }
2011-10-26 23:11:56 -07:00
2012-06-05 19:53:54 -07:00
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { ... }
2011-10-26 23:11:56 -07:00
2012-08-31 23:12:02 -07:00
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { ... }
/* Landscape phones and down */
@media (max-width: 480px) { ... }
2011-10-26 23:11:56 -07:00
< / pre >
2012-06-04 23:10:30 -07:00
2012-02-21 08:24:18 -08:00
2012-07-23 22:36:08 -07:00
< h2 > Responsive utility classes< / h2 >
< p > For faster mobile-friendly development, use these utility classes for showing and hiding content by device. Below is a table of the available classes and their effect on a given media query layout (labeled by device). They can be found in < code > responsive.less< / code > .< / p >
< table class = "table table-bordered table-striped responsive-utilities" >
< thead >
< tr >
< th > Class< / th >
< th > Phones < small > 767px and below< / small > < / th >
< th > Tablets < small > 979px to 768px< / small > < / th >
< th > Desktops < small > Default< / small > < / th >
< / tr >
< / thead >
< tbody >
< tr >
< th > < code > .visible-phone< / code > < / th >
< td class = "is-visible" > Visible< / td >
< td class = "is-hidden" > Hidden< / td >
< td class = "is-hidden" > Hidden< / td >
< / tr >
< tr >
< th > < code > .visible-tablet< / code > < / th >
< td class = "is-hidden" > Hidden< / td >
< td class = "is-visible" > Visible< / td >
< td class = "is-hidden" > Hidden< / td >
< / tr >
< tr >
< th > < code > .visible-desktop< / code > < / th >
< td class = "is-hidden" > Hidden< / td >
< td class = "is-hidden" > Hidden< / td >
< td class = "is-visible" > Visible< / td >
< / tr >
< tr >
< th > < code > .hidden-phone< / code > < / th >
< td class = "is-hidden" > Hidden< / td >
< td class = "is-visible" > Visible< / td >
< td class = "is-visible" > Visible< / td >
< / tr >
< tr >
< th > < code > .hidden-tablet< / code > < / th >
< td class = "is-visible" > Visible< / td >
< td class = "is-hidden" > Hidden< / td >
< td class = "is-visible" > Visible< / td >
< / tr >
< tr >
< th > < code > .hidden-desktop< / code > < / th >
< td class = "is-visible" > Visible< / td >
< td class = "is-visible" > Visible< / td >
< td class = "is-hidden" > Hidden< / td >
< / tr >
< / tbody >
< / table >
< h3 > When to use< / h3 >
< p > Use on a limited basis and avoid creating entirely different versions of the same site. Instead, use them to complement each device's presentation.< / p >
< h3 > Responsive utilities test case< / h3 >
< p > Resize your browser or load on different devices to test the above classes.< / p >
< h4 > Visible on...< / h4 >
< p > Green checkmarks indicate that class is visible in your current viewport.< / p >
< ul class = "responsive-utilities-test" >
< li > Phone< span class = "visible-phone" > ✔ Phone< / span > < / li >
< li > Tablet< span class = "visible-tablet" > ✔ Tablet< / span > < / li >
< li > Desktop< span class = "visible-desktop" > ✔ Desktop< / span > < / li >
< / ul >
< h4 > Hidden on...< / h4 >
< p > Here, green checkmarks indicate that class is hidden in your current viewport.< / p >
< ul class = "responsive-utilities-test hidden-on" >
< li > Phone< span class = "hidden-phone" > ✔ Phone< / span > < / li >
< li > Tablet< span class = "hidden-tablet" > ✔ Tablet< / span > < / li >
< li > Desktop< span class = "hidden-desktop" > ✔ Desktop< / span > < / li >
< / ul >
< / section >
2012-07-09 22:36:12 -07:00
2012-07-23 22:36:08 -07:00
< / div >
2012-07-12 18:11:49 -07:00
< / div >
2012-07-23 22:36:08 -07:00
2012-07-09 22:36:12 -07:00
< / div >
2012-07-12 17:02:55 -07:00
2012-01-26 21:48:46 -08:00
2012-08-01 19:00:25 -07:00
<!-- Footer
================================================== -->
< footer class = "footer" >
< div class = "container" >
< p class = "pull-right" > < a href = "#" > Back to top< / a > < / p >
< p > Designed and built with all the love in the world < a href = "http://twitter.com/twitter" target = "_blank" > @twitter< / a > by < a href = "http://twitter.com/mdo" target = "_blank" > @mdo< / a > and < a href = "http://twitter.com/fat" target = "_blank" > @fat< / a > .< / p >
< p > Code licensed under the < a href = "http://www.apache.org/licenses/LICENSE-2.0" target = "_blank" > Apache License v2.0< / a > . Documentation licensed under < a href = "http://creativecommons.org/licenses/by/3.0/" > CC BY 3.0< / a > .< / p >
< p > Icons from < a href = "http://glyphicons.com" > Glyphicons Free< / a > , licensed under < a href = "http://creativecommons.org/licenses/by/3.0/" > CC BY 3.0< / a > .< / p >
< ul class = "footer-links" >
< li > < a href = "http://blog.getbootstrap.com" > Read the blog< / a > < / li >
< li > < a href = "https://github.com/twitter/bootstrap/issues?state=open" > Submit issues< / a > < / li >
< li > < a href = "https://github.com/twitter/bootstrap/wiki" > Roadmap and changelog< / a > < / li >
< / ul >
< / div >
< / footer >
2012-07-12 17:02:55 -07:00
2012-01-23 14:14:16 -08:00
2012-08-01 19:00:25 -07:00
<!-- Le javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
< script type = "text/javascript" src = "http://platform.twitter.com/widgets.js" > < / script >
< script src = "assets/js/jquery.js" > < / script >
< script src = "assets/js/google-code-prettify/prettify.js" > < / script >
< script src = "assets/js/bootstrap-transition.js" > < / script >
< script src = "assets/js/bootstrap-alert.js" > < / script >
< script src = "assets/js/bootstrap-modal.js" > < / script >
< script src = "assets/js/bootstrap-dropdown.js" > < / script >
< script src = "assets/js/bootstrap-scrollspy.js" > < / script >
< script src = "assets/js/bootstrap-tab.js" > < / script >
< script src = "assets/js/bootstrap-tooltip.js" > < / script >
< script src = "assets/js/bootstrap-popover.js" > < / script >
< script src = "assets/js/bootstrap-button.js" > < / script >
< script src = "assets/js/bootstrap-collapse.js" > < / script >
< script src = "assets/js/bootstrap-carousel.js" > < / script >
< script src = "assets/js/bootstrap-typeahead.js" > < / script >
< script src = "assets/js/bootstrap-affix.js" > < / script >
< script src = "assets/js/application.js" > < / script >
2012-01-26 10:00:09 -08:00
2012-02-01 16:38:58 -08:00
2011-10-26 23:11:56 -07:00
< / body >
< / html >
