mirror of
https://github.com/twbs/bootstrap.git
synced 2024-12-01 13:24:25 +01:00
Merge branch 'master' of github.com:twbs/bootstrap
This commit is contained in:
commit
dbcb05880f
@ -1562,6 +1562,11 @@ base_url: "../"
|
|||||||
</form>
|
</form>
|
||||||
{% endhighlight %}
|
{% endhighlight %}
|
||||||
|
|
||||||
|
<div class="bs-callout bs-callout-danger">
|
||||||
|
<h4>Always add labels</h4>
|
||||||
|
<p>Screen readers will have trouble with your forms if you don't include a label for every input. For these inline navbar forms, you can hide the labels using the <code>.sr-only</code> class.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<h2 id="navbar-buttons">Buttons</h2>
|
<h2 id="navbar-buttons">Buttons</h2>
|
||||||
<p>For buttons not residing in a <code><form></code>, add this class to vertically center buttons within a navbar.</p>
|
<p>For buttons not residing in a <code><form></code>, add this class to vertically center buttons within a navbar.</p>
|
||||||
|
@ -190,7 +190,7 @@
|
|||||||
|
|
||||||
|
|
||||||
// Scale up controls for tablets and up
|
// Scale up controls for tablets and up
|
||||||
@media screen and (min-width: @screen-sm) {
|
@media screen and (min-width: @screen-sm-min) {
|
||||||
|
|
||||||
// Scale up the controls a smidge
|
// Scale up the controls a smidge
|
||||||
.carousel-control {
|
.carousel-control {
|
||||||
|
@ -114,7 +114,7 @@
|
|||||||
// Note that `.col-sm-12` doesn't get floated on purpose--there's no need since
|
// Note that `.col-sm-12` doesn't get floated on purpose--there's no need since
|
||||||
// it's full-width.
|
// it's full-width.
|
||||||
|
|
||||||
@media (min-width: @screen-sm) {
|
@media (min-width: @screen-sm-min) {
|
||||||
.container {
|
.container {
|
||||||
width: @container-sm;
|
width: @container-sm;
|
||||||
}
|
}
|
||||||
@ -192,7 +192,7 @@
|
|||||||
// Note that `.col-md-12` doesn't get floated on purpose--there's no need since
|
// Note that `.col-md-12` doesn't get floated on purpose--there's no need since
|
||||||
// it's full-width.
|
// it's full-width.
|
||||||
|
|
||||||
@media (min-width: @screen-md) {
|
@media (min-width: @screen-md-min) {
|
||||||
.container {
|
.container {
|
||||||
width: @container-md;
|
width: @container-md;
|
||||||
}
|
}
|
||||||
|
@ -24,7 +24,7 @@
|
|||||||
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
|
border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: @screen-sm) {
|
@media screen and (min-width: @screen-sm-min) {
|
||||||
padding-top: (@jumbotron-padding * 1.6);
|
padding-top: (@jumbotron-padding * 1.6);
|
||||||
padding-bottom: (@jumbotron-padding * 1.6);
|
padding-bottom: (@jumbotron-padding * 1.6);
|
||||||
|
|
||||||
|
@ -125,7 +125,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
// Scale up the modal
|
// Scale up the modal
|
||||||
@media screen and (min-width: @screen-sm) {
|
@media screen and (min-width: @screen-sm-min) {
|
||||||
|
|
||||||
.modal-dialog {
|
.modal-dialog {
|
||||||
width: 600px;
|
width: 600px;
|
||||||
|
@ -15,7 +15,7 @@ p {
|
|||||||
font-weight: 200;
|
font-weight: 200;
|
||||||
line-height: 1.4;
|
line-height: 1.4;
|
||||||
|
|
||||||
@media (min-width: @screen-sm) {
|
@media (min-width: @screen-sm-min) {
|
||||||
font-size: (@font-size-base * 1.5);
|
font-size: (@font-size-base * 1.5);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user