From e0d0190803398ce12b2fe88e31e45993b35cf17e Mon Sep 17 00:00:00 2001
From: Mark Otto <otto@github.com>
Date: Thu, 22 Nov 2012 12:26:54 -0800
Subject: [PATCH] fix image sizes on homepage
---
docs/assets/css/docs.css | 3 ++-
docs/index.html | 6 +++---
docs/templates/pages/index.mustache | 6 +++---
3 files changed, 8 insertions(+), 7 deletions(-)
diff --git a/docs/assets/css/docs.css b/docs/assets/css/docs.css
index e6e7a7c997..ff0ea557b3 100644
--- a/docs/assets/css/docs.css
+++ b/docs/assets/css/docs.css
@@ -288,9 +288,10 @@ only screen and ( -o-min-device-pixel-ratio: 2/1) {
line-height: 1.25;
color: #999;
}
-.marketing img {
+.marketing-img {
display: block;
margin: 0 auto 30px;
+ max-height: 145px;
}
diff --git a/docs/index.html b/docs/index.html
index 30fd055903..ec26060852 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -121,17 +121,17 @@
<div class="row-fluid">
<div class="span4">
- <img src="assets/img/bs-docs-twitter-github.png">
+ <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
<h2>By nerds, for nerds.</h2>
<p>Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.</p>
</div>
<div class="span4">
- <img src="assets/img/bs-docs-responsive-illustrations.png">
+ <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
<h2>Made for everyone.</h2>
<p>Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via <a href="./scaffolding.html#responsive">responsive CSS</a> as well.</p>
</div>
<div class="span4">
- <img src="assets/img/bs-docs-bootstrap-features.png">
+ <img class="marketing-img" src="assets/img/bs-docs-bootstrap-features.png">
<h2>Packed with features.</h2>
<p>A 12-column responsive <a href="./scaffolding.html#grid">grid</a>, dozens of components, <a href="./javascript.html">JavaScript plugins</a>, typography, form controls, and even a <a href="./customize.html">web-based Customizer</a> to make Bootstrap your own.</p>
</div>
diff --git a/docs/templates/pages/index.mustache b/docs/templates/pages/index.mustache
index 19861b396c..9ee966d0fb 100644
--- a/docs/templates/pages/index.mustache
+++ b/docs/templates/pages/index.mustache
@@ -50,17 +50,17 @@
<div class="row-fluid">
<div class="span4">
- <img src="assets/img/bs-docs-twitter-github.png">
+ <img class="marketing-img" src="assets/img/bs-docs-twitter-github.png">
<h2>{{_i}}By nerds, for nerds.{{/i}}</h2>
<p>{{_i}}Built at Twitter by <a href="http://twitter.com/mdo">@mdo</a> and <a href="http://twitter.com/fat">@fat</a>, Bootstrap utilizes <a href="http://lesscss.org">LESS CSS</a>, is compiled via <a href="http://nodejs.org">Node</a>, and is managed through <a href="http://github.com">GitHub</a> to help nerds do awesome stuff on the web.{{/i}}</p>
</div>
<div class="span4">
- <img src="assets/img/bs-docs-responsive-illustrations.png">
+ <img class="marketing-img" src="assets/img/bs-docs-responsive-illustrations.png">
<h2>{{_i}}Made for everyone.{{/i}}</h2>
<p>{{_i}}Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as IE7!), but in tablet and smartphone browsers via <a href="./scaffolding.html#responsive">responsive CSS</a> as well.{{/i}}</p>
</div>
<div class="span4">
- <img src="assets/img/bs-docs-bootstrap-features.png">
+ <img class="marketing-img" src="assets/img/bs-docs-bootstrap-features.png">
<h2>{{_i}}Packed with features.{{/i}}</h2>
<p>{{_i}}A 12-column responsive <a href="./scaffolding.html#grid">grid</a>, dozens of components, <a href="./javascript.html">JavaScript plugins</a>, typography, form controls, and even a <a href="./customize.html">web-based Customizer</a> to make Bootstrap your own.{{/i}}</p>
</div>
--
GitLab