Skip to content
GitLab
Switch branch/tag
Find file BlameHistoryPermalink
css.html 102.19 KiB
1 
<!DOCTYPE html>
2 
<html lang="en">
3 
  <head>
4 
    <meta charset="utf-8">
5 
    <title>Css · 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/docs.css" rel="stylesheet">
13 
    <link href="assets/js/google-code-prettify/prettify.css" rel="stylesheet">
14
15 
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
16 
    <!--[if lt IE 9]>
17 
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
18 
    <![endif]-->
19
20 
    <!-- Le fav and touch icons -->
21 
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
22 
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
23 
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
24 
                    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
25 
                                   <link rel="shortcut icon" href="assets/ico/favicon.png">
26
27 
  </head>
28
29 
  <body data-spy="scroll" data-target=".bs-docs-sidebar">
30
31 
    <!-- Navbar
32 
    ================================================== -->
33 
    <div class="navbar navbar-inverse navbar-fixed-top">
34 
      <div class="container">
35 
        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
36 
          <span class="icon-bar"></span>
37 
          <span class="icon-bar"></span>
38 
          <span class="icon-bar"></span>
39 
        </button>
40 
        <a class="brand" href="./index.html">Bootstrap</a>
41 
        <div class="nav-collapse collapse">
42 
          <ul class="nav">
43 
            <li class="">
44 
              <a href="./index.html">Home</a>
45 
            </li>
46 
            <li class="">
47 
              <a href="./getting-started.html">Get started</a>
48 
            </li>
49 
            <li class="active">
50 
              <a href="./css.html">Core CSS</a>
51 
            </li>
52 
            <li class="">
53 
              <a href="./components.html">Components</a>
54 
            </li>
55 
            <li class="">
56 
              <a href="./javascript.html">JavaScript</a>
57 
            </li>
58 
            <li class="">
59 
              <a href="./customize.html">Customize</a>
60 
            </li>
61 
            <li class="">
62 
              <a href="./gallery.html">Gallery</a>
63 
            </li>
64 
          </ul>
65 
        </div>
66 
      </div>
67 
    </div>
68
69 
<!-- Subhead
70 
================================================== -->
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
<header class="bs-docs-jumbotron subhead"> <div class="container"> <h1>CSS</h1> <p class="lead">Fundamental HTML elements styled and enhanced with extensible classes.</p> </div> </header> <div class="container"> <!-- Docs nav ================================================== --> <div class="row"> <div class="span3 bs-docs-sidebar"> <ul class="nav nav-list bs-docs-sidenav"> <li><a href="#global"><i class="glyphicon-chevron-right"></i> Global styles</a></li> <li><a href="#gridSystem"><i class="glyphicon-chevron-right"></i> Grid system</a></li> <li><a href="#typography"><i class="glyphicon-chevron-right"></i> Typography</a></li> <li><a href="#code"><i class="glyphicon-chevron-right"></i> Code</a></li> <li><a href="#tables"><i class="glyphicon-chevron-right"></i> Tables</a></li> <li><a href="#forms"><i class="glyphicon-chevron-right"></i> Forms</a></li> <li><a href="#buttons"><i class="glyphicon-chevron-right"></i> Buttons</a></li> <li><a href="#images"><i class="glyphicon-chevron-right"></i> Images</a></li> <li><a href="#icons"><i class="glyphicon-chevron-right"></i> Icons by Glyphicons</a></li> <li><a href="#responsive"><i class="glyphicon-chevron-right"></i> Responsive design</a></li> </ul> </div> <div class="span9"> <!-- Global Bootstrap settings ================================================== --> <section id="global"> <div class="page-header"> <h1>Global settings</h1> </div> <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> <pre class="prettyprint linenums"> &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; ... &lt;/html&gt; </pre> <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> <li>Use the <code>@font-family-base</code>, <code>@font-size-base</code>, and <code>@line-height-base</code> attributes as our typographic base</li> <li>Set the global link color via <code>@link-color</code> and apply link underlines only on <code>:hover</code></li> </ul> <p>These styles can be found within <strong>scaffolding.less</strong>.</p> <h3>Normalize reset</h3> <p>For improved cross-browser rendering, we use <a href="http://necolas.github.com/normalize.css/" target="_blank">Normalize</a>, a project by <a href="http://twitter.com/necolas" target="_blank">Nicolas Gallagher</a> and <a href="http://twitter.com/jon_neal" target="_blank">Jonathan Neal</a>.</p> </section> <!-- Grid system ================================================== --> <section id="gridSystem"> <div class="page-header"> <h1>Grid system</h1> </div>