Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
scaffolding.html 15.91 KiB
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
  <head>
4 
    <meta charset="utf-8">
5 
    <title>Bootstrap, from Twitter</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 HTML5 shim, for IE6-8 support of HTML5 elements -->
11 
    <!--[if lt IE 9]>
12 
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
13 
    <![endif]-->
14
15 
    <!-- Le styles -->
16 
    <link href="../bootstrap.css" rel="stylesheet">
17 
    <link href="assets/css/docs.css" rel="stylesheet">
18 
    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
19
20 
    <!-- Le fav and touch icons -->
21 
    <link rel="shortcut icon" type="image/x-icon" href="assets/ico/favicon.ico">
22 
    <link rel="apple-touch-icon" href="assets/ico/bootstrap-apple-57x57.png">
23 
    <link rel="apple-touch-icon" sizes="72x72" href="assets/ico/bootstrap-apple-72x72.png">
24 
    <link rel="apple-touch-icon" sizes="114x114" href="assets/ico/bootstrap-apple-114x114.png">
25 
  </head>
26
27 
  <body>
28
29 
    <!-- Navbar
30 
    ================================================== -->
31 
    <div class="navbar navbar-fixed">
32 
      <div class="navbar-inner">
33 
        <div class="container">
34 
          <a class="brand" href="./index.html">Bootstrap</a>
35 
          <ul class="nav">
36 
            <li><a href="./index.html">Overview</a></li>
37 
            <li class="dropdown active">
38 
              <a href="./scaffolding.html" class="dropdown-toggle" data-toggle="dropdown">
39 
                Scaffolding
40 
                <b class="caret"></b>
41 
              </a>
42 
              <ul class="dropdown-menu">
43 
                <li><a href="./scaffolding.html#grid">Grid system</a></li>
44 
                <li><a href="./scaffolding.html#layouts">Layouts</a></li>
45 
                <li><a href="./scaffolding.html#responsive">Responsive design</a></li>
46 
              </ul>
47 
            </li>
48 
            <li class="dropdown">
49 
              <a href="./base-css.html" class="dropdown-toggle" data-toggle="dropdown">
50 
                Base CSS
51 
                <b class="caret"></b>
52 
              </a>
53 
              <ul class="dropdown-menu">
54 
                <li><a href="./base-css.html#type">Type</a></li>
55 
                <li><a href="./base-css.html#tables">Tables</a></li>
56 
                <li><a href="./base-css.html#forms">Forms</a></li>
57 
                <li><a href="./base-css.html#buttons">Buttons</a></li>
58 
                <li><a href="./base-css.html#icons">Icons by Glyphicons</a></li>
59 
              </ul>
60 
            </li>
61 
            <li class="dropdown">
62 
              <a href="./components.html" class="dropdown-toggle" data-toggle="dropdown">
63 
                Components
64 
                <b class="caret"></b>
65 
              </a>
66 
              <ul class="dropdown-menu">
67 
                <li><a href="./components.html#buttonGroups">Button groups</a></li>
68 
                <li><a href="./components.html#buttonDropdowns">Split button dropdowns</a></li>
69 
                <li><a href="./components.html#navs">Nav, tabs, pills</a></li>
70 
                <li><a href="./components.html#navbar">Navbar</a></li>
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
<li><a href="./components.html#breadcrumbs">Breadcrumbs</a></li> <li><a href="./components.html#pagination">Pagination</a></li> <li><a href="./components.html#thumbnails">Thumbnails</a></li> <li><a href="./components.html#alerts">Alert messages</a></li> </ul> </li> <li class="dropdown"> <a href="./javascript.html" class="dropdown-toggle" data-toggle="dropdown"> Javascript plugins <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="./javascript.html#transitions">Transition</a></li> <li><a href="./javascript.html#modals">Modal</a></li> <li><a href="./javascript.html#dropdowns">Dropdown</a></li> <li><a href="./javascript.html#scrollspy">Scrollspy</a></li> <li><a href="./javascript.html#tabs">Tab</a></li> <li><a href="./javascript.html#tooltips">Tooltip</a></li> <li><a href="./javascript.html#popovers">Popover</a></li> <li><a href="./javascript.html#alerts">Alert</a></li> <li><a href="./javascript.html#buttons">Button</a></li> <li><a href="./javascript.html#collapse">Collapse</a></li> <li><a href="./javascript.html#carousel">Carousel</a></li> <li><a href="./javascript.html#typeahead">Typeahead</a></li> </ul> </li> <li> <a href="./less.html"> Using LESS </a> </li> </ul> </div> </div> </div> <div class="container"> <!-- Masthead ================================================== --> <header class="jumbotron subhead" id="overview"> <h1>Scaffolding</h1> <p class="lead">Bootstrap is built on a responsive 12-column grid. We've also included fixed- and fluid-width layouts based on that system.</p> </header> <!-- Grid system ================================================== --> <section id="grid-system"> <div class="page-header"> <h1>Grid system <small>12 columns with a responsive twist</small></h1> </div> <h2>Default 940px grid</h2> <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> <div class="span1">1</div> <div class="span1">1</div> <div class="span1">1</div> </div> <div class="row show-grid">