1
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-26 23:04:32 +02:00

tweak line-height of h2 and h3 to not be gihugeous, updated responsive to improve tablet grid and phone styles

This commit is contained in:
Mark Otto
2011-10-16 11:35:24 -07:00
parent d1d3807958
commit 6f44a90edb
6 changed files with 113 additions and 62 deletions

View File

@@ -231,7 +231,7 @@ section > .row {
.mini-layout .mini-layout-body {
background-color: #dceaf4;
margin: 0 auto;
width: 240px;
width: 70%;
height: 240px;
}
.mini-layout.fluid .mini-layout-sidebar,
@@ -241,11 +241,11 @@ section > .row {
}
.mini-layout.fluid .mini-layout-sidebar {
background-color: #bbd8e9;
width: 90px;
width: 20%;
height: 240px;
}
.mini-layout.fluid .mini-layout-body {
width: 300px;
width: 60%;
margin-left: 10px;
}
@@ -328,23 +328,22 @@ pre.prettyprint {
}
.browser-support {
max-width: 100%;
}
/* Responsive Docs
-------------------------------------------------- */
/* Tablet to Medium Desktop
------------------------- */
@media (max-width: 480px) {
.large-bird {
display: none;
}
}
@media (min-width: 768px) and (max-width: 900px) {
.footer,
.jumbotron {
min-width: 748px;
}
.jumbotron .inner h1,
.jumbotron .inner p {
margin-left: 40px;
margin-right: 40px;
}
}

View File

@@ -128,7 +128,7 @@
<div class="span4">
<h2>Cross-everything</h2>
<p>Bootstrap is tested and supported in major modern browsers like Chrome, Safari, Internet Explorer, and Firefox.</p>
<img src="assets/img/browsers.png" alt="Tested and supported in Chrome, Safari, Internet Explorer, and Firefox">
<img class="browser-support" src="assets/img/browsers.png" alt="Tested and supported in Chrome, Safari, Internet Explorer, and Firefox">
<ul>
<li>Latest Safari</li>
<li>Latest Google Chrome</li>