git.roojs.org Git - bootswatch/blob - 2/bower_components/bootstrap/docs/customize.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <title>Customize · Bootstrap</title>
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="description" content="">
   8     <meta name="author" content="">
   9
  10     <!-- Le styles -->
  11     <link href="assets/css/bootstrap.css" rel="stylesheet">
  12     <link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
  13     <link href="assets/css/docs.css" rel="stylesheet">
  14     <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
  15
  16     <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
  17     <!--[if lt IE 9]>
  18       <script src="assets/js/html5shiv.js"></script>
  19     <![endif]-->
  20
  21     <!-- Le fav and touch icons -->
  22     <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
  23     <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
  24       <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
  25                     <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
  26                                    <link rel="shortcut icon" href="assets/ico/favicon.png">
  27
  28     <script type="text/javascript">
  29       var _gaq = _gaq || [];
  30       _gaq.push(['_setAccount', 'UA-146052-10']);
  31       _gaq.push(['_trackPageview']);
  32       (function() {
  33         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  34         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  35         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  36       })();
  37     </script>
  38   </head>
  39
  40   <body data-spy="scroll" data-target=".bs-docs-sidebar">
  41
  42     <!-- Navbar
  43     ================================================== -->
  44     <div class="navbar navbar-inverse navbar-fixed-top">
  45       <div class="navbar-inner">
  46         <div class="container">
  47           <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
  48             <span class="icon-bar"></span>
  49             <span class="icon-bar"></span>
  50             <span class="icon-bar"></span>
  51           </button>
  52           <a class="brand" href="./index.html">Bootstrap</a>
  53           <div class="nav-collapse collapse">
  54             <ul class="nav">
  55               <li class="">
  56                 <a href="./index.html">Home</a>
  57               </li>
  58               <li class="">
  59                 <a href="./getting-started.html">Get started</a>
  60               </li>
  61               <li class="">
  62                 <a href="./scaffolding.html">Scaffolding</a>
  63               </li>
  64               <li class="">
  65                 <a href="./base-css.html">Base CSS</a>
  66               </li>
  67               <li class="">
  68                 <a href="./components.html">Components</a>
  69               </li>
  70               <li class="">
  71                 <a href="./javascript.html">JavaScript</a>
  72               </li>
  73               <li class="active">
  74                 <a href="./customize.html">Customize</a>
  75               </li>
  76             </ul>
  77           </div>
  78         </div>
  79       </div>
  80     </div>
  81
  82 <!-- Masthead
  83 ================================================== -->
  84 <header class="jumbotron subhead" id="overview">
  85   <div class="container">
  86     <h1>Customize and download</h1>
  87     <p class="lead"><a href="https://github.com/twitter/bootstrap/archive/v2.3.2.zip">Download Bootstrap</a> or customize variables, components, JavaScript plugins, and more.</p>
  88   </div>
  89 </header>
  90
  91
  92   <div class="container">
  93
  94     <!-- Docs nav
  95     ================================================== -->
  96     <div class="row">
  97       <div class="span3 bs-docs-sidebar">
  98         <ul class="nav nav-list bs-docs-sidenav">
  99           <li><a href="#components"><i class="icon-chevron-right"></i> 1. Choose components</a></li>
 100           <li><a href="#plugins"><i class="icon-chevron-right"></i> 2. Select jQuery plugins</a></li>
 101           <li><a href="#variables"><i class="icon-chevron-right"></i> 3. Customize variables</a></li>
 102           <li><a href="#download"><i class="icon-chevron-right"></i> 4. Download</a></li>
 103         </ul>
 104       </div>
 105       <div class="span9">
 106
 107
 108         <!-- Customize form
 109         ================================================== -->
 110         <form>
 111           <section class="download" id="components">
 112             <div class="page-header">
 113               <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
 114               <h1>
 115                 1. Choose components
 116               </h1>
 117             </div>
 118             <div class="row download-builder">
 119               <div class="span3">
 120                 <h3>Scaffolding</h3>
 121                 <label class="checkbox"><input checked="checked" type="checkbox" value="reset.less"> Normalize and reset</label>
 122                 <label class="checkbox"><input checked="checked" type="checkbox" value="scaffolding.less"> Body type and links</label>
 123                 <label class="checkbox"><input checked="checked" type="checkbox" value="grid.less"> Grid system</label>
 124                 <label class="checkbox"><input checked="checked" type="checkbox" value="layouts.less"> Layouts</label>
 125                 <h3>Base CSS</h3>
 126                 <label class="checkbox"><input checked="checked" type="checkbox" value="type.less"> Headings, body, etc</label>
 127                 <label class="checkbox"><input checked="checked" type="checkbox" value="code.less"> Code and pre</label>
 128                 <label class="checkbox"><input checked="checked" type="checkbox" value="labels-badges.less"> Labels and badges</label>
 129                 <label class="checkbox"><input checked="checked" type="checkbox" value="tables.less"> Tables</label>
 130                 <label class="checkbox"><input checked="checked" type="checkbox" value="forms.less"> Forms</label>
 131                 <label class="checkbox"><input checked="checked" type="checkbox" value="buttons.less"> Buttons</label>
 132                 <label class="checkbox"><input checked="checked" type="checkbox" value="sprites.less"> Icons</label>
 133               </div><!-- /span -->
 134               <div class="span3">
 135                 <h3>Components</h3>
 136                 <label class="checkbox"><input checked="checked" type="checkbox" value="button-groups.less"> Button groups and dropdowns</label>
 137                 <label class="checkbox"><input checked="checked" type="checkbox" value="navs.less"> Navs, tabs, and pills</label>
 138                 <label class="checkbox"><input checked="checked" type="checkbox" value="navbar.less"> Navbar</label>
 139                 <label class="checkbox"><input checked="checked" type="checkbox" value="breadcrumbs.less"> Breadcrumbs</label>
 140                 <label class="checkbox"><input checked="checked" type="checkbox" value="pagination.less"> Pagination</label>
 141                 <label class="checkbox"><input checked="checked" type="checkbox" value="pager.less"> Pager</label>
 142                 <label class="checkbox"><input checked="checked" type="checkbox" value="thumbnails.less"> Thumbnails</label>
 143                 <label class="checkbox"><input checked="checked" type="checkbox" value="alerts.less"> Alerts</label>
 144                 <label class="checkbox"><input checked="checked" type="checkbox" value="progress-bars.less"> Progress bars</label>
 145                 <label class="checkbox"><input checked="checked" type="checkbox" value="hero-unit.less"> Hero unit</label>
 146                 <label class="checkbox"><input checked="checked" type="checkbox" value="media.less"> Media component</label>
 147                 <h3>JS Components</h3>
 148                 <label class="checkbox"><input checked="checked" type="checkbox" value="tooltip.less"> Tooltips</label>
 149                 <label class="checkbox"><input checked="checked" type="checkbox" value="popovers.less"> Popovers</label>
 150                 <label class="checkbox"><input checked="checked" type="checkbox" value="modals.less"> Modals</label>
 151                 <label class="checkbox"><input checked="checked" type="checkbox" value="dropdowns.less"> Dropdowns</label>
 152                 <label class="checkbox"><input checked="checked" type="checkbox" value="accordion.less"> Collapse</label>
 153                 <label class="checkbox"><input checked="checked" type="checkbox" value="carousel.less"> Carousel</label>
 154               </div><!-- /span -->
 155               <div class="span3">
 156                 <h3>Miscellaneous</h3>
 157                 <label class="checkbox"><input checked="checked" type="checkbox" value="wells.less"> Wells</label>
 158                 <label class="checkbox"><input checked="checked" type="checkbox" value="close.less"> Close icon</label>
 159                 <label class="checkbox"><input checked="checked" type="checkbox" value="utilities.less"> Utilities</label>
 160                 <label class="checkbox"><input checked="checked" type="checkbox" value="component-animations.less"> Component animations</label>
 161                 <h3>Responsive</h3>
 162                 <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-utilities.less"> Visible/hidden classes</label>
 163                 <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-767px-max.less"> Narrow tablets and below (<767px)</label>
 164                 <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-768px-979px.less"> Tablets to desktops (767-979px)</label>
 165                 <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-1200px-min.less"> Large desktops (>1200px)</label>
 166                 <label class="checkbox"><input checked="checked" type="checkbox" value="responsive-navbar.less"> Responsive navbar</label>
 167               </div><!-- /span -->
 168             </div><!-- /row -->
 169           </section>
 170
 171           <section class="download" id="plugins">
 172             <div class="page-header">
 173               <a class="btn btn-small pull-right toggle-all" href="#">Toggle all</a>
 174               <h1>
 175                 2. Select jQuery plugins
 176               </h1>
 177             </div>
 178             <div class="row download-builder">
 179               <div class="span3">
 180                 <label class="checkbox">
 181                   <input type="checkbox" checked="true" value="bootstrap-transition.js">
 182                   Transitions <small>(required for any animation)</small>
 183                 </label>
 184                 <label class="checkbox">
 185                   <input type="checkbox" checked="true" value="bootstrap-modal.js">
 186                   Modals
 187                 </label>
 188                 <label class="checkbox">
 189                   <input type="checkbox" checked="true" value="bootstrap-dropdown.js">
 190                   Dropdowns
 191                 </label>
 192                 <label class="checkbox">
 193                   <input type="checkbox" checked="true" value="bootstrap-scrollspy.js">
 194                   Scrollspy
 195                 </label>
 196                 <label class="checkbox">
 197                   <input type="checkbox" checked="true" value="bootstrap-tab.js">
 198                   Togglable tabs
 199                 </label>
 200                 <label class="checkbox">
 201                   <input type="checkbox" checked="true" value="bootstrap-tooltip.js">
 202                   Tooltips
 203                 </label>
 204                 <label class="checkbox">
 205                   <input type="checkbox" checked="true" value="bootstrap-popover.js">
 206                   Popovers <small>(requires Tooltips)</small>
 207                 </label>
 208               </div><!-- /span -->
 209               <div class="span3">
 210                 <label class="checkbox">
 211                   <input type="checkbox" checked="true" value="bootstrap-affix.js">
 212                   Affix
 213                 </label>
 214                 <label class="checkbox">
 215                   <input type="checkbox" checked="true" value="bootstrap-alert.js">
 216                   Alert messages
 217                 </label>
 218                 <label class="checkbox">
 219                   <input type="checkbox" checked="true" value="bootstrap-button.js">
 220                   Buttons
 221                 </label>
 222                 <label class="checkbox">
 223                   <input type="checkbox" checked="true" value="bootstrap-collapse.js">
 224                   Collapse
 225                 </label>
 226                 <label class="checkbox">
 227                   <input type="checkbox" checked="true" value="bootstrap-carousel.js">
 228                   Carousel
 229                 </label>
 230                 <label class="checkbox">
 231                   <input type="checkbox" checked="true" value="bootstrap-typeahead.js">
 232                   Typeahead
 233                 </label>
 234               </div><!-- /span -->
 235               <div class="span3">
 236                 <h4 class="muted">Heads up!</h4>
 237                 <p class="muted">All checked plugins will be compiled into a single file, bootstrap.js. All plugins require the latest version of <a href="http://jquery.com/" target="_blank">jQuery</a> to be included.</p>
 238               </div><!-- /span -->
 239             </div><!-- /row -->
 240           </section>
 241
 242
 243           <section class="download" id="variables">
 244             <div class="page-header">
 245               <a class="btn btn-small pull-right toggle-all" href="#">Reset to defaults</a>
 246               <h1>
 247                 3. Customize variables
 248               </h1>
 249             </div>
 250             <div class="row download-builder">
 251               <div class="span3">
 252                 <h3>Scaffolding</h3>
 253                 <label>@bodyBackground</label>
 254                 <input type="text" class="span3" placeholder="@white">
 255                 <label>@textColor</label>
 256                 <input type="text" class="span3" placeholder="@grayDark">
 257
 258                 <h3>Links</h3>
 259                 <label>@linkColor</label>
 260                 <input type="text" class="span3" placeholder="#08c">
 261                 <label>@linkColorHover</label>
 262                 <input type="text" class="span3" placeholder="darken(@linkColor, 15%)">
 263                 <h3>Colors</h3>
 264                 <label>@blue</label>
 265                 <input type="text" class="span3" placeholder="#049cdb">
 266                 <label>@green</label>
 267                 <input type="text" class="span3" placeholder="#46a546">
 268                 <label>@red</label>
 269                 <input type="text" class="span3" placeholder="#9d261d">
 270                 <label>@yellow</label>
 271                 <input type="text" class="span3" placeholder="#ffc40d">
 272                 <label>@orange</label>
 273                 <input type="text" class="span3" placeholder="#f89406">
 274                 <label>@pink</label>
 275                 <input type="text" class="span3" placeholder="#c3325f">
 276                 <label>@purple</label>
 277                 <input type="text" class="span3" placeholder="#7a43b6">
 278
 279                 <h3>Sprites</h3>
 280                 <label>@iconSpritePath</label>
 281                 <input type="text" class="span3" placeholder="'../img/glyphicons-halflings.png'">
 282                 <label>@iconWhiteSpritePath</label>
 283                 <input type="text" class="span3" placeholder="'../img/glyphicons-halflings-white.png'">
 284
 285                 <h3>Grid system</h3>
 286                 <label>@gridColumns</label>
 287                 <input type="text" class="span3" placeholder="12">
 288                 <label>@gridColumnWidth</label>
 289                 <input type="text" class="span3" placeholder="60px">
 290                 <label>@gridGutterWidth</label>
 291                 <input type="text" class="span3" placeholder="20px">
 292                 <label>@gridColumnWidth1200</label>
 293                 <input type="text" class="span3" placeholder="70px">
 294                 <label>@gridGutterWidth1200</label>
 295                 <input type="text" class="span3" placeholder="30px">
 296                 <label>@gridColumnWidth768</label>
 297                 <input type="text" class="span3" placeholder="42px">
 298                 <label>@gridGutterWidth768</label>
 299                 <input type="text" class="span3" placeholder="20px">
 300
 301               </div><!-- /span -->
 302               <div class="span3">
 303
 304                 <h3>Typography</h3>
 305                 <label>@sansFontFamily</label>
 306                 <input type="text" class="span3" placeholder="'Helvetica Neue', Helvetica, Arial, sans-serif">
 307                 <label>@serifFontFamily</label>
 308                 <input type="text" class="span3" placeholder="Georgia, 'Times New Roman', Times, serif">
 309                 <label>@monoFontFamily</label>
 310                 <input type="text" class="span3" placeholder="Menlo, Monaco, 'Courier New', monospace">
 311
 312                 <label>@baseFontSize</label>
 313                 <input type="text" class="span3" placeholder="14px">
 314                 <label>@baseFontFamily</label>
 315                 <input type="text" class="span3" placeholder="@sansFontFamily">
 316                 <label>@baseLineHeight</label>
 317                 <input type="text" class="span3" placeholder="20px">
 318
 319                 <label>@altFontFamily</label>
 320                 <input type="text" class="span3" placeholder="@serifFontFamily">
 321                 <label>@headingsFontFamily</label>
 322                 <input type="text" class="span3" placeholder="inherit">
 323                 <label>@headingsFontWeight</label>
 324                 <input type="text" class="span3" placeholder="bold">
 325                 <label>@headingsColor</label>
 326                 <input type="text" class="span3" placeholder="inherit">
 327
 328                 <label>@fontSizeLarge</label>
 329                 <input type="text" class="span3" placeholder="@baseFontSize * 1.25">
 330                 <label>@fontSizeSmall</label>
 331                 <input type="text" class="span3" placeholder="@baseFontSize * 0.85">
 332                 <label>@fontSizeMini</label>
 333                 <input type="text" class="span3" placeholder="@baseFontSize * 0.75">
 334
 335                 <label>@paddingLarge</label>
 336                 <input type="text" class="span3" placeholder="11px 19px">
 337                 <label>@paddingSmall</label>
 338                 <input type="text" class="span3" placeholder="2px 10px">
 339                 <label>@paddingMini</label>
 340                 <input type="text" class="span3" placeholder="1px 6px">
 341
 342                 <label>@baseBorderRadius</label>
 343                 <input type="text" class="span3" placeholder="4px">
 344                 <label>@borderRadiusLarge</label>
 345                 <input type="text" class="span3" placeholder="6px">
 346                 <label>@borderRadiusSmall</label>
 347                 <input type="text" class="span3" placeholder="3px">
 348
 349                 <label>@heroUnitBackground</label>
 350                 <input type="text" class="span3" placeholder="@grayLighter">
 351                 <label>@heroUnitHeadingColor</label>
 352                 <input type="text" class="span3" placeholder="inherit">
 353                 <label>@heroUnitLeadColor</label>
 354                 <input type="text" class="span3" placeholder="inherit">
 355
 356                 <h3>Tables</h3>
 357                 <label>@tableBackground</label>
 358                 <input type="text" class="span3" placeholder="transparent">
 359                 <label>@tableBackgroundAccent</label>
 360                 <input type="text" class="span3" placeholder="#f9f9f9">
 361                 <label>@tableBackgroundHover</label>
 362                 <input type="text" class="span3" placeholder="#f5f5f5">
 363                 <label>@tableBorder</label>
 364                 <input type="text" class="span3" placeholder="#ddd">
 365
 366                 <h3>Forms</h3>
 367                 <label>@placeholderText</label>
 368                 <input type="text" class="span3" placeholder="@grayLight">
 369                 <label>@inputBackground</label>
 370                 <input type="text" class="span3" placeholder="@white">
 371                 <label>@inputBorder</label>
 372                 <input type="text" class="span3" placeholder="#ccc">
 373                 <label>@inputBorderRadius</label>
 374                 <input type="text" class="span3" placeholder="3px">
 375                 <label>@inputDisabledBackground</label>
 376                 <input type="text" class="span3" placeholder="@grayLighter">
 377                 <label>@formActionsBackground</label>
 378                 <input type="text" class="span3" placeholder="#f5f5f5">
 379                 <label>@btnPrimaryBackground</label>
 380                 <input type="text" class="span3" placeholder="@linkColor">
 381                 <label>@btnPrimaryBackgroundHighlight</label>
 382                 <input type="text" class="span3" placeholder="darken(@white, 10%)">
 383
 384               </div><!-- /span -->
 385               <div class="span3">
 386
 387                 <h3>Form states &amp; alerts</h3>
 388                 <label>@warningText</label>
 389                 <input type="text" class="span3" placeholder="#c09853">
 390                 <label>@warningBackground</label>
 391                 <input type="text" class="span3" placeholder="#fcf8e3">
 392                 <label>@errorText</label>
 393                 <input type="text" class="span3" placeholder="#b94a48">
 394                 <label>@errorBackground</label>
 395                 <input type="text" class="span3" placeholder="#f2dede">
 396                 <label>@successText</label>
 397                 <input type="text" class="span3" placeholder="#468847">
 398                 <label>@successBackground</label>
 399                 <input type="text" class="span3" placeholder="#dff0d8">
 400                 <label>@infoText</label>
 401                 <input type="text" class="span3" placeholder="#3a87ad">
 402                 <label>@infoBackground</label>
 403                 <input type="text" class="span3" placeholder="#d9edf7">
 404
 405                 <h3>Navbar</h3>
 406                 <label>@navbarHeight</label>
 407                 <input type="text" class="span3" placeholder="40px">
 408                 <label>@navbarBackground</label>
 409                 <input type="text" class="span3" placeholder="@grayDarker">
 410                 <label>@navbarBackgroundHighlight</label>
 411                 <input type="text" class="span3" placeholder="@grayDark">
 412                 <label>@navbarText</label>
 413                 <input type="text" class="span3" placeholder="@grayLight">
 414                 <label>@navbarBrandColor</label>
 415                 <input type="text" class="span3" placeholder="@navbarLinkColor">
 416                 <label>@navbarLinkColor</label>
 417                 <input type="text" class="span3" placeholder="@grayLight">
 418                 <label>@navbarLinkColorHover</label>
 419                 <input type="text" class="span3" placeholder="@white">
 420                 <label>@navbarLinkColorActive</label>
 421                 <input type="text" class="span3" placeholder="@navbarLinkColorHover">
 422                 <label>@navbarLinkBackgroundHover</label>
 423                 <input type="text" class="span3" placeholder="transparent">
 424                 <label>@navbarLinkBackgroundActive</label>
 425                 <input type="text" class="span3" placeholder="@navbarBackground">
 426                 <label>@navbarSearchBackground</label>
 427                 <input type="text" class="span3" placeholder="lighten(@navbarBackground, 25%)">
 428                 <label>@navbarSearchBackgroundFocus</label>
 429                 <input type="text" class="span3" placeholder="@white">
 430                 <label>@navbarSearchBorder</label>
 431                 <input type="text" class="span3" placeholder="darken(@navbarSearchBackground, 30%)">
 432                 <label>@navbarSearchPlaceholderColor</label>
 433                 <input type="text" class="span3" placeholder="#ccc">
 434
 435                 <label>@navbarCollapseWidth</label>
 436                 <input type="text" class="span3" placeholder="979px">
 437                 <label>@navbarCollapseDesktopWidth</label>
 438                 <input type="text" class="span3" placeholder="@navbarCollapseWidth + 1">
 439
 440                 <h3>Dropdowns</h3>
 441                 <label>@dropdownBackground</label>
 442                 <input type="text" class="span3" placeholder="@white">
 443                 <label>@dropdownBorder</label>
 444                 <input type="text" class="span3" placeholder="rgba(0,0,0,.2)">
 445                 <label>@dropdownLinkColor</label>
 446                 <input type="text" class="span3" placeholder="@grayDark">
 447                 <label>@dropdownLinkColorHover</label>
 448                 <input type="text" class="span3" placeholder="@white">
 449                 <label>@dropdownLinkBackgroundHover</label>
 450                 <input type="text" class="span3" placeholder="@linkColor">
 451               </div><!-- /span -->
 452             </div><!-- /row -->
 453           </section>
 454
 455           <section class="download" id="download">
 456             <div class="page-header">
 457               <h1>
 458                 4. Download
 459               </h1>
 460             </div>
 461             <div class="download-btn">
 462               <a class="btn btn-primary" href="#" onclick="_gaq.push(['_trackEvent', 'Customize', 'Download', 'Customize and Download']);">Customize and Download</a>
 463               <h4>What's included?</h4>
 464               <p>Downloads include compiled CSS, compiled and minified CSS, and compiled jQuery plugins, all nicely packed up into a zipball for your convenience.</p>
 465             </div>
 466           </section><!-- /download -->
 467         </form>
 468
 469
 470
 471       </div>
 472     </div>
 473
 474   </div>
 475
 476
 477
 478     <!-- Footer
 479     ================================================== -->
 480     <footer class="footer">
 481       <div class="container">
 482         <p>Designed and built with all the love in the world by <a href="http://twitter.com/mdo" target="_blank">@mdo</a> and <a href="http://twitter.com/fat" target="_blank">@fat</a>.</p>
 483         <p>Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank">Apache License v2.0</a>, documentation under <a href="http://creativecommons.org/licenses/by/3.0/">CC BY 3.0</a>.</p>
 484         <p><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>
 485         <ul class="footer-links">
 486           <li><a href="http://blog.getbootstrap.com">Blog</a></li>
 487           <li class="muted">&middot;</li>
 488           <li><a href="https://github.com/twbs/bootstrap/issues?state=open">Issues</a></li>
 489           <li class="muted">&middot;</li>
 490           <li><a href="https://github.com/twbs/bootstrap/releases">Changelog</a></li>
 491         </ul>
 492       </div>
 493     </footer>
 494
 495
 496
 497     <!-- Le javascript
 498     ================================================== -->
 499     <!-- Placed at the end of the document so the pages load faster -->
 500     <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 501     <script src="assets/js/jquery.js"></script>
 502     <script src="assets/js/bootstrap-transition.js"></script>
 503     <script src="assets/js/bootstrap-alert.js"></script>
 504     <script src="assets/js/bootstrap-modal.js"></script>
 505     <script src="assets/js/bootstrap-dropdown.js"></script>
 506     <script src="assets/js/bootstrap-scrollspy.js"></script>
 507     <script src="assets/js/bootstrap-tab.js"></script>
 508     <script src="assets/js/bootstrap-tooltip.js"></script>
 509     <script src="assets/js/bootstrap-popover.js"></script>
 510     <script src="assets/js/bootstrap-button.js"></script>
 511     <script src="assets/js/bootstrap-collapse.js"></script>
 512     <script src="assets/js/bootstrap-carousel.js"></script>
 513     <script src="assets/js/bootstrap-typeahead.js"></script>
 514     <script src="assets/js/bootstrap-affix.js"></script>
 515
 516     <script src="assets/js/holder/holder.js"></script>
 517     <script src="assets/js/google-code-prettify/prettify.js"></script>
 518
 519     <script src="assets/js/application.js"></script>
 520
 521
 522     <!-- Analytics
 523     ================================================== -->
 524     <script>
 525       var _gauges = _gauges || [];
 526       (function() {
 527         var t   = document.createElement('script');
 528         t.type  = 'text/javascript';
 529         t.async = true;
 530         t.id    = 'gauges-tracker';
 531         t.setAttribute('data-site-id', '4f0dc9fef5a1f55508000013');
 532         t.src = '//secure.gaug.es/track.js';
 533         var s = document.getElementsByTagName('script')[0];
 534         s.parentNode.insertBefore(t, s);
 535       })();
 536     </script>
 537
 538   </body>
 539 </html>