History
In the earlier days of Twitter, engineers used almost any library they were familiar with to meet front-end requirements. Bootstrap began as an answer to the challenges that presented and development quickly accelerated during Twitter’s first Hackweek.
With the help and feedback of many engineers at Twitter, Bootstrap has grown significantly to encompass not only basic styles, but more elegant and durable front-end design patterns.
Read more on dev.twitter.com ›
+
Browser support
Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.
@@ -128,7 +128,7 @@
Opera 11
-
+
What's included
Bootstrap comes complete with compiled CSS, uncompiled, and example templates.
+
+
+
+
Quick-start examples
+
Need some quick templates? Check out these basic examples we've put together:
+
+
+
+
+
Theming Bootstrap
+
Starting with v1.3.0, Bootstrap comes equipped with a customizable Less file, Theme.less. It's designed to replace default values in the library and provide a one-stop-shop for adding-on.
+
+
diff --git a/lib/forms.less b/lib/forms.less
index 5f8a09693e..99177138a4 100644
--- a/lib/forms.less
+++ b/lib/forms.less
@@ -17,7 +17,7 @@ fieldset {
legend {
display: block;
margin-left: 150px;
- font-size: 20px;
+ font-size: @basefont * 1.5;
line-height: 1;
*margin: 0 0 5px 145px; /* IE6-7 */
*line-height: 1.5; /* IE6-7 */
@@ -69,7 +69,7 @@ select,
width: 210px;
height: @baseline;
padding: 4px;
- font-size: 13px;
+ font-size: @basefont;
line-height: @baseline;
color: @gray;
border: 1px solid #ccc;
@@ -253,7 +253,7 @@ textarea[readonly] {
// Help Text
.help-inline,
.help-block {
- font-size: 12px;
+ font-size: @basefont - 2;
line-height: @baseline;
color: @grayLight;
}
@@ -351,7 +351,7 @@ textarea[readonly] {
color: @gray;
}
small {
- font-size: 12px;
+ font-size: @basefont - 2;
font-weight: normal;
}
}
diff --git a/lib/theme.less b/lib/theme.less
index 84102ef04e..1442819ccc 100644
--- a/lib/theme.less
+++ b/lib/theme.less
@@ -19,34 +19,44 @@
// Font face, size, weight, and more
-----------------------------------------
+// -------------------------------------
@baseFontSize: 13px; // base font-size
@baseLineHeight: 18px; // base line-height of elements (incrementally increases with font-size)
// Link color
------------------
+// ---------------
@linkColor: #0069d6;
// No need to specify a link hover color because we'll automatically do that for you in Preboot
+
+
+
+
+
+
+// COMING SOON...
+// --------------
+
+@baseFontFace: "Helvetica";
+
+
// Primary button color
---------------------------------
+// -----------------------------
@primaryButtonColor: #333;
// Grid system
-------------------------------------
+// ---------------------------------
// Griditude
@gridColumns: 16;
@gridColumnWidth: 40px;
@gridGutterWidth: 20px;
-@siteWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1));
/*
TODO:
-- move primary button color here
- add ability to set app/site-wide base font-face (need better variables: @baseFontSize, @baseFontFace, @baseLineHeight, etc)
- make form inputs and tables apply the new global type changes (currently statically set)
- add new docs section for examples
+ 
+ 
+