0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-04 16:24:22 +01:00
Commit Graph

168 Commits

Author SHA1 Message Date
Mark Otto
c4b59fc1ca fixes #9663: third part, document the resets 2013-08-15 20:43:55 -07:00
Mark Otto
e3c6a1fc4f form control state ordering 2013-08-15 14:35:15 -07:00
Mark Otto
8211b12c0f improve table classes' snippets and ordering 2013-08-15 13:00:34 -07:00
Mark Otto
33edb95b98 drop legend from docs example per #9626 2013-08-15 12:35:22 -07:00
Mark Otto
49e95f2bcf add clearfix mention to another grid example and clear up examples 2013-08-15 11:47:45 -07:00
Mark Otto
209d3af301 Fixes #9617: consistent variation order, add .label-primary 2013-08-15 11:31:26 -07:00
Mark Otto
18be4e880c Merge pull request #9591 from BBosman/9523
Doc fixes related to #9523
2013-08-15 10:01:14 -07:00
Christian
6b612ae3fe Update css.html
I know the form code are only examples, but it'd be good to encourage usage of the proper input type for the email inputs by changing the type from "text" to "email".
2013-08-15 21:57:24 +09:00
Bas Bosman
1619122603 Doc fixes related to #9523 2013-08-15 11:40:39 +02:00
Mark Otto
7f4e05fcce Merge branch '3.0.0-wip' of github.com:twbs/bootstrap into 3.0.0-wip 2013-08-14 23:53:21 -07:00
Mark Otto
f058a6a3ea fixes #9522 2013-08-14 23:52:57 -07:00
Chris Rebert
c84d34b5f1 fix inaccurate comment in media query docs 2013-08-14 23:31:21 -07:00
Mark Otto
6e26f846cd fix #9454: add grid docs about responsive column clearing 2013-08-14 23:11:38 -07:00
Mark Otto
70b0fb445e fixes #9523: more accurate grid table breakpoint numbers 2013-08-14 22:57:59 -07:00
Gabriele Cirulli
fb71f40245 tweak note about zoom disabled on mobile 2013-08-14 23:51:26 +02:00
Gabriele Cirulli
a3b279c556 improve the "zoom disabled" documentation 2013-08-14 23:26:34 +02:00
Gabriele Cirulli
fb6bd757df add information on how to disable mobile zoom to the docs 2013-08-14 22:08:17 +02:00
Pedro Pereira
1800edc07c CSS Grid old classes in use 2013-08-14 17:02:57 +08:00
Matthew Leffler
a380e80cd7 Typo 2013-08-13 17:56:12 -06:00
saiwang
84b1ef5048 fix mixin code example 2013-08-14 02:23:44 +08:00
Bas Bosman
052edcd8de Fixes #9415 2013-08-13 18:10:57 +02:00
Chris Rebert
b33989a977 add src attribute to holder.js-powered <img>s so that they validate
use `data:` URL of empty invalid PNG: src="data:image/png;base64,"
2013-08-12 18:59:59 -07:00
Chris Rebert
a13fe0a4a0 use unique IDs in Forms examples in docs 2013-08-12 17:43:38 -07:00
Chris Rebert
81ab8ffae0 Headings docs: use put <hN>s within <td>s instead of <th>s 2013-08-12 17:43:38 -07:00
Chris Rebert
520bc8cf37 add alt text to <img>s in Images section of CSS docs 2013-08-12 17:28:53 -07:00
Chris Rebert
4876a3a716 Validation states docs: fix closing tag 2013-08-12 17:06:02 -07:00
Chris Rebert
1c64c8f43b fix ID of <select> in fieldset[disabled] example 2013-08-12 16:54:58 -07:00
Mark Otto
abedd38c5b update grid xs mixin and update docs to match new mixins 2013-08-12 11:52:51 -07:00
Chris Rebert
f5b1499776 copyedit media queries docs added in aefed0ada9 2013-08-12 11:31:45 -07:00
Mark Otto
f662dff6e9 fixes #9382: inline forms now require use of .form-group for proper alignment of all form controls 2013-08-12 11:07:23 -07:00
Bas Bosman
8dd45053ce Add missing aria-hidden attribs to close buttons 2013-08-12 17:56:10 +02:00
Mark Otto
aefed0ada9 fixes #9317: document media queries 2013-08-12 00:48:36 -07:00
Mark Otto
efe62a7ef4 rename and refactor a smidge to add medium grid mixins 2013-08-12 00:36:22 -07:00
Mark Otto
a2b9988eb9 Media query (grid and responsive utilities) overhaul
Grid classes have been changed to account for a fourth set of classes,
meaning we now have XS, S, M, and L options. Specifically, we made the
following changes:

* Renames `.col-` to `.col-xs-`
* Adds `.col-md-` for devices 992px wide and up
* Remaps `.col-lg-` for devices 1200px wide and up

Alongside that, we've updated our media queries to better handle
advanced grid layouts:

* All column classes now kick in when they hit a `min-width`, undoing
the #9128 fix in
https://github.com/twbs/bootstrap/commit/db45a60cc86190a060f0baf0b3961cb
c690f3a65
* All column offsets, pushes, and pulls are scoped to an appropriate
range, meaning a `min-width` and `max-width` (thanks for the idea,
@eratzlaff)

We've also modified the widths of our grid containers for the small
device grid (now a max 720px instead of 728px) and large device grid
(now a max 1140px instead of 1170px) to avoid horizontal scrollbar
problems in Firefox (likely due to box-sizing, which is why we didn't
see it in 2.x).

Similarly, we've updated the responsive ultility classes to match the
new four media query approach of the grid system. That means we've:

* Added new `.visible-xs` and `.hidden-xs` classes
* Reassigns visible and hidden classes for small, medium, and large to
matching grid system media queries
* Updates docs examples to match grid system and account for fourth
utility range

-----

Fixes the following:

* #9135: fourth grid tier
* #9302: undoes previous range change for small grid system, so no need
to update any docs here
* #8755: consistent grid and responsive utilities schemas)
* #9195, #9216, and #9227: no more horizontal scrollbars
2013-08-12 00:28:50 -07:00
Kevin Suttle
a86f5d24f8 Give forms and search fields proper ARIA roles
http://blog.paciellogroup.com/2013/02/using-wai-aria-landmarks-2013/#tablex

http://www.w3.org/TR/wai-aria/roles#form

http://www.w3.org/TR/wai-aria/roles#search
2013-08-11 21:45:50 -04:00
Mark Otto
d490c35af3 Merge pull request #9198 from bwhitty/3.0.0-wip
Fixed #9196 - malformed HTML in doc
2013-08-07 08:34:33 -07:00
Braden Whitten
a4638259a5 Fixed #9196 - malformed HTML in doc
Stray <h3> was being closed by an </h2>. Updated to valid HTML. Fixes #9196
2013-08-07 09:18:12 -04:00
adamjacobbecker
a8d95d4721 Improve accessibility (Section 508, WCAG)
This PR significantly improves Bootstrap's accessibility for users of assistive technology, such as screen readers. Some of the these changes add additional markup to the source examples, but we believe that the sacrifice in readability is worth achieving more widespread usage of accessibility best-practices.

What was done
- Added lots of [WAI-ARIA attributes](http://www.w3.org/WAI/intro/aria)
- Added `.sr-only` helper class, that is only readable by screen readers (and invisible for all other users). This lets us - make progress bars and paginations accessible to screen reading users.
- Advised users to always use label elements. For inline forms, they can hide them with `.sr-only`
- Added 'Skip navigation' link
- Added "Accessibility" section to getting-started.html.

What *wasn't* done
- Contrast issues (twbs#3572)
- Tooltips (twbs#8469)
- Documentation re: usage of icons, since they now live in a separate repo

Major props to all that contributed: @bensheldon, @jasonlally, @criscristina, and @louh. Feel free to chime in, guys, if I've left anything out.
2013-08-06 21:58:09 -07:00
Mark Otto
18a4082553 fixes #8935: add gutter width param to grid mixins 2013-08-06 21:00:12 -07:00
Chris Rebert
668bc5f458 Fix pixel values in Responsive Utilities docs to match the actual code 2013-08-05 17:43:29 -07:00
Mark Otto
844df9e001 Fixes #8732: unfucks disabled fieldset form example with form groups 2013-08-05 14:45:00 -07:00
Mark Otto
e23906faca Fixes #8150: add .static-form-control for vertical alignment of static form text
- Also fixes the vertical alignment of labels in horizontal layouts on
account of the recent button and input padding changes
- Also changes the vertical alignment of the checkboxes and radios in
horizontal forms
2013-08-05 12:17:09 -07:00
Chris Seaton
ea17069f6e Update css.html
.help-block talks about being 'longer', but with .help-inline gone, it's not longer than anything and the comparison is confusing.
2013-08-05 18:48:51 +01:00
Mark Otto
6af693d160 Fixes #8770: mobile-first (stacked by default) horizontal dls 2013-08-05 09:10:52 -07:00
Mark Otto
7a98af5ec8 typo 2013-08-05 08:01:33 -07:00
Elvis Ratzlaff
9c14fe6044 Update documentation on offset for small medium and large devices. "Grid options" 2013-08-05 02:19:14 -04:00
Chris Rebert
cabcd36019 add missing ref to .btn-xs in button sizes docs 2013-08-03 21:59:30 -07:00
Chris Rebert
23ef8c0c20 Greater standardization of sizing terminology
In class names:
* large => lg
* small => sm
* mini => xs ("Extra small")

In screen size categories:
* Tiny => Extra small
2013-08-03 21:39:57 -07:00
ChrisRiddell
602e0c0ba0 fix Horizontal form docs 2013-08-03 17:48:15 +09:30
Mark Otto
b5dcbf5045 Merge pull request #8934 from twbs/generalize-horiz-form-example
use separate `form-group`s in horiz form example for greater generality
2013-08-02 18:59:06 -07:00
Mark Otto
b86cac65b6 Merge pull request #9018 from adamwoodbeck/3.0.0-wip
Added ".col-sm-*" to the grid example per the description above the
2013-08-02 14:04:16 -07:00
Mark Otto
83eea13e63 Merge branch '3.0.0-wip-fixed-grid-push-pull-offset' of https://github.com/jtickle/fp-bootstrap into jtickle-3.0.0-wip-fixed-grid-push-pull-offset
Conflicts:
	dist/css/bootstrap.min.css
2013-08-02 13:58:06 -07:00
Adam Woodbeck
cfacd228eb Added ".col-sm-*" to the grid example per the description above the
example.
2013-08-02 16:30:13 -04:00
Chris Rebert
9546fc9cf0 fix typo in CSS docs; fixes #8992
"from" => "form"
2013-08-01 17:05:23 -07:00
Jeff Tickle
1583dd55e9 Added classes for lg-pull, lg-push, lg-offset, sm-pull, sm-push, sm-offset 2013-08-01 12:16:20 -04:00
Chris Rebert
e660963689 use separate form-groups in horiz form example for greater generality; fixes #8925 2013-07-31 16:47:22 -07:00
Mike Francis
873f884327 Added attribute whitespace 2013-07-31 09:26:45 +01:00
Guillermo González de Agüero
3d54fe180c Fix #8658 2013-07-30 16:34:13 +02:00
Mark Otto
87c98478d2 Merge branch '3.0.0-wip' of github.com:twbs/bootstrap into 3.0.0-wip 2013-07-29 17:21:31 -07:00
Mark Otto
ddafa9a0bb Attempts to fix #8645: add code comments to grid example to clarify behavior 2013-07-29 17:21:22 -07:00
Mark Otto
fa854a58bd Merge pull request #8818 from twbs/firefox-input-btn-docs-note
make it clearer than <input> buttons are slightly broken on Firefox
2013-07-29 17:16:02 -07:00
Mark Otto
5716355cda Restore mini button (fixes #8644) 2013-07-29 17:08:04 -07:00
Mark Otto
09fff764ed fixes #8687: correct docs typo on radio inputs 2013-07-29 17:03:00 -07:00
Chris Rebert
dfd10efd80 make it clearer than <input> buttons are slightly broken on Firefox 2013-07-29 16:57:30 -07:00
Tom Pietschker
13406c240a update code example for <select> multiple 2013-07-29 14:15:17 -04:00
Mark Otto
0bf5443ad7 Merge pull request #8717 from ggam/patch-3
Deleted "show-grid" class from examples
2013-07-29 10:00:10 -07:00
Mark Otto
f3cff49d6d Merge pull request #8738 from twbs/clarify-width-vs-height-size-classes
form input docs: clarify height-related vs. width-related classes
2013-07-28 22:29:05 -07:00
Chris Rebert
061535019c avoid ambiguous term "relative sizing"; clarify width vs. height control classes 2013-07-28 22:24:49 -07:00
Mark Otto
eb56f7e4f4 Merge pull request #8737 from twbs/docs-html5-style-select-multiple
CSS docs page: Use simpler HTML5 style for `multiple` <select> attribute
2013-07-28 22:22:10 -07:00
Mark Otto
e74a25a3b8 Merge branch '3.0.0-wip' of github.com:twbs/bootstrap into 3.0.0-wip 2013-07-28 22:21:27 -07:00
Mark Otto
774f173a18 expand grid system options table to include column widths, gutter widths, large desktop media query, and container widths (fixes #8733) 2013-07-28 22:21:16 -07:00
Chris Rebert
70bd9b936f CSS docs page: Use simpler HTML5 style for multiple boolean attribute of <select> 2013-07-28 22:17:08 -07:00
Chris Rebert
7bcee1acd2 apply <code> in a few places 2013-07-28 22:09:01 -07:00
Chris Rebert
d0a2a62cd7 expand out IE for consistency w/ the rest of the page 2013-07-28 22:04:38 -07:00
Chris Rebert
e9b1422e86 add commas in a couple places 2013-07-28 22:04:21 -07:00
Mark Otto
b0225c073a add responsive images section to docs (fixes #8734) 2013-07-28 22:00:49 -07:00
Guillermo González de Agüero
c649a04286 Deleted "show-grid" class from examples 2013-07-28 19:40:50 +02:00
Clay Diffrient
98a24cbd25 Fix wording in 'hidden on...' to be in line with 3.0 wording. 2013-07-28 08:57:10 -06:00
Chris Rebert
c947ab1c9a fix #8701: IE 10+ supports <fieldset disabled>
*golf clap*
2013-07-28 03:48:40 -07:00
Chris Rebert
89746174b7 Safari handles <fieldset disabled> just fine; fixes #8698
This makes me wonder whether recent IE might actually support this too.
If not, your move IE Team.
2013-07-28 02:05:38 -07:00
Mark Otto
b281ad6409 Input groups overhaul
* Moves input groups CSS into separate file
* Moves input groups docs into the Components page
* Add support for radios and checkboxes in input groups to fix #8679
2013-07-27 18:56:31 -07:00
Mark Otto
8cb1b766f8 fixes #8642: use .pull-right to keep dropdowns aligned in example 2013-07-27 16:41:02 -07:00
Mark Otto
57bc65f7f8 Merge pull request #8650 from loic/3.0.0-wip
Fixed minor typos in css.html
2013-07-27 11:26:28 -07:00
Jiri Pospisil
f670282b40 Fix typo in css.html 2013-07-27 18:40:35 +02:00
Loic Bistuer
7f6c089e45 Fixed minor typos in css.html 2013-07-27 19:27:45 +07:00
Mark Otto
0f2b22a210 herpy derpy shit for urls 2013-07-27 00:18:12 -07:00
Mark Otto
44a4e71215 Fix clipped dropdowns in input groups section of docs 2013-07-26 22:03:52 -07:00
Mark Otto
5bed9f4635 simpler forms docs structure 2013-07-26 21:52:23 -07:00
Mark Otto
85591d82dd derp 2013-07-26 21:40:58 -07:00
Mark Otto
2967cc1d60 mo tables mo responsive or whatever the hell that means 2013-07-26 21:35:56 -07:00
Mark Otto
572174652e another responsivey table 2013-07-26 21:31:00 -07:00
Mark Otto
70fa8ef4b0 Responsivey docs table for grid section 2013-07-26 21:28:44 -07:00
Mark Otto
d89c3b9d23 Update IDs on css page 2013-07-26 19:35:24 -07:00
Mark Otto
e4159b53f6 Merge branch '3.0.0-wip' of github.com:twitter/bootstrap into 3.0.0-wip 2013-07-26 16:53:00 -07:00
Mark Otto
e686464ad8 Simpler horizontal form button placement 2013-07-26 16:01:34 -07:00
Mark Otto
01c6617f79 Update inline and horizontal forms
* No more need for `.row.form-group`--only need `.form-group`
* Change tag selectors for inline form to use `.form-control`
* Docs improved to explain what's happening
2013-07-26 15:51:25 -07:00
Mark Otto
68827689e8 Use .form-control in input sizing CSS 2013-07-26 15:41:16 -07:00
Chris Rebert
7b4c40ddb5 Merge pull request #8630 from caouecs/patch-1
Fix example of textarea in css.html
2013-07-26 15:14:08 -07:00
Fred Delrieu
4ca3e3677a Example of textarea 2013-07-27 00:09:27 +02:00
Mark Otto
1cf0a07f17 Merge branch 'patch-3' of https://github.com/jholl/bootstrap into jholl-patch-3
Conflicts:
	css.html
2013-07-26 15:08:45 -07:00