1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-25 06:21:26 +02:00

updated docs pages (still wip), adding misc css classes, added form styles from 1.4, added github buttons to homepage

This commit is contained in:
Mark Otto
2011-11-12 00:46:02 -08:00
parent 5a702cc6ee
commit 1fb98bed91
8 changed files with 190 additions and 68 deletions

View File

@@ -54,9 +54,10 @@ body > .navbar-fixed .brand:hover {
float: left;
padding: 1px 5px 1px 4px;
font-size: 11px;
font-weight: normal;
font-weight: bold;
line-height: 16px;
color: #555;
color: #666;
text-shadow: 0 1px 0 #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
@@ -67,7 +68,7 @@ body > .navbar-fixed .brand:hover {
.github-btn .github-ico {
float: left;
margin-right: 4px;
opacity: .75;
opacity: .65;
}
.github-btn .count {
display: inline-block;

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

View File

@@ -48,11 +48,82 @@
<!-- Masthead
================================================== -->
<header class="jumbotron subhead" id="overview">
<h1>Using LESS</h1>
<h1>Using LESS with Bootstrap</h1>
<p class="lead">Be a boss and use Bootstrap's built-in variables, mixins, and more via LESS</p>
</header>
<!-- BUILT WITH LESS
================================================== -->
<div class="page-header">
<h1>Built with LESS</h1>
</div>
<div class="row">
<div class="span4">
<h3>Why LESS?</h3>
<p>Bootstrap is made with LESS at it's core, a dynamic stylesheet language created by Alexis Sellier. It makes developing systems-based CSS faster, easier, and more fun.</p>
</div>
<div class="span4">
<h3>What's included?</h3>
<p>As an extension of CSS, LESS includes variables, mixins for reusable snippets of code, operations for simple math, nesting, and even color functions.</p>
</div>
<div class="span4">
<h3>Learn more</h3>
<img style="float: right; height: 36px;" src="assets/img/less-logo-large.png" alt="LESS CSS">
<p>Visit the official website at http://lesscss.org to learn more.</p>
</div>
</div>
<div class="row">
<div class="span4">
<h3>Variables</h3>
<p>Managing colors and pixel values in CSS can be a bit of a pain, usually full of copy and paste. Not with LESS though&mdash;assign colors or pixel values as variables and change them once.</p>
</div>
<div class="span4">
<h3>Mixins</h3>
<p>Those three border-radius declarations you need to make in regular ol' CSS? Now they're down to one line with the help of mixins, snippets of code you can reuse anywhere.</p>
</div>
<div class="span4">
<h3>Operations</h3>
<p>Make your grid, leading, and more super flexible by doing the math on the fly with operations. Multiple, divide, add, and subtract your way to CSS sanity.</p>
</div>
</div>
<!-- VARIABLES
================================================== -->
<div class="page-header" id="variables">
<h1>Variables</h1>
</div>
<!-- MIXINS
================================================== -->
<div class="page-header" id="mixins">
<h1>Mixins</h1>
</div>
<!-- OPERATIONS
================================================== -->
<div class="page-header" id="operations">
<h1>Operations</h1>
</div>
<!-- COMPILING LESS AND BOOTSTRAP
================================================== -->
<div class="page-header" id="compiling">
<h1>Compiling LESS and Bootstrap</h1>
</div>
<!-- Using Bootstrap w/ Less
================================================== -->
<section id="less">