aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2013-08-15 20:25:43 -0700
committerMark Otto <[email protected]>2013-08-15 20:25:43 -0700
commit0c582f722bf5e6430166ef0adb8d4c79948aeea5 (patch)
tree5f4700bf71ed0cac2260202b0a35d26dbb95d657
parentb0a66e60c1ebf13e6bfdb9d844e9ca6d3cd88251 (diff)
downloadbootstrap-0c582f722bf5e6430166ef0adb8d4c79948aeea5.tar.xz
bootstrap-0c582f722bf5e6430166ef0adb8d4c79948aeea5.zip
More responsive customizer layout
-rw-r--r--assets/css/docs.css4
-rw-r--r--customize.html29
2 files changed, 18 insertions, 15 deletions
diff --git a/assets/css/docs.css b/assets/css/docs.css
index f057dc3ed..f3e3b13bb 100644
--- a/assets/css/docs.css
+++ b/assets/css/docs.css
@@ -189,6 +189,10 @@ body {
text-align: center;
}
+#less-section label {
+ font-weight: normal;
+}
+
/* Docs pages and sections
diff --git a/customize.html b/customize.html
index 15c5a2cf3..26df1c748 100644
--- a/customize.html
+++ b/customize.html
@@ -18,7 +18,7 @@ base_url: "../"
<h3>Basics</h3>
<div class="row">
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Layout</h4>
<div class="checkbox">
<label>
@@ -45,7 +45,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Global CSS</h4>
<div class="checkbox">
<label>
@@ -78,7 +78,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Utility classes</h4>
<div class="checkbox">
<label>
@@ -103,14 +103,7 @@ base_url: "../"
<h3>Components</h3>
<div class="row">
- <div class="col-lg-4">
- <div class="checkbox">
- <label>
- <input type="checkbox" checked value="input-groups.less">
- Input groups
- </label>
- </div>
-
+ <div class="col-xs-6 col-sm-4">
<h4>Navigation</h4>
<div class="checkbox">
<label>
@@ -143,7 +136,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Content blocks</h4>
<div class="checkbox">
<label>
@@ -164,7 +157,7 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Behavioral (requires JS)</h4>
<div class="checkbox">
<label>
@@ -206,7 +199,7 @@ base_url: "../"
</div>
<div class="row">
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Media</h4>
<div class="checkbox">
<label>
@@ -227,10 +220,16 @@ base_url: "../"
</label>
</div>
</div>
- <div class="col-lg-4">
+ <div class="col-xs-6 col-sm-4">
<h4>Miscellaneous</h4>
<div class="checkbox">
<label>
+ <input type="checkbox" checked value="input-groups.less">
+ Input groups
+ </label>
+ </div>
+ <div class="checkbox">
+ <label>
<input type="checkbox" checked value="button-groups.less">
Button groups
</label>