Mark Otto
e293873484
smaller h1 and h2
2013-08-18 21:49:05 -07:00
Mark Otto
e989acfc79
Add responsive tables with help of .table-responsive
wrapper
2013-08-18 21:43:05 -07:00
Mark Otto
9dcae610e9
Merge branch '3.0.0-wip' into bs3_homepage
...
Conflicts:
customize.html
examples/justified-nav/justified-nav.css
2013-08-18 19:02:42 -07:00
Mark Otto
9c12d670ed
clarify inline block mention in docs
2013-08-18 16:27:20 -07:00
Mark Otto
b09fcc019c
remove old glyphicons mention
2013-08-18 01:32:33 -07:00
Mark Otto
c729f16282
it's levi-OH-sa, not levi-oh-SAR
2013-08-17 22:51:00 -07:00
Mark Otto
903e92a327
Update helper classes to reflect changes and mention mixins
2013-08-17 14:15:14 -07:00
Mark Otto
6fe1264a80
mo betta heading examples labels
2013-08-17 14:11:05 -07:00
Mark Otto
2a4bd786ed
more accurate grid classes in examples
2013-08-17 14:09:35 -07:00
Mark Otto
3c880e681d
finish up second pass through docs nav, headings, organization, naming, etc (another run through at #9710 )
2013-08-16 13:30:33 -07:00
Mark Otto
e04590babb
remove grid examples callout
2013-08-15 21:39:40 -07:00
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-group
s 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
Mark Otto
d28b7913f6
Merge pull request #8619 from jholl/patch-2
...
align dropdown menu with .pull-right for .input-group-btn when btn on ri...
2013-07-26 10:35:20 -07:00
James Holland
0e7aad8b8d
Update typo css.html move double class .form-control from label in example mark up to input
...
missed the double class in label in recent commit #8621
2013-07-26 09:43:05 -04:00
James Holland
6115f01adb
Update css.html in .form-horizontal
...
to use .row.form-group for horizontal spacing instead of .form-horizontal .row + .row
2013-07-26 08:58:47 -04:00
James Holland
f7a376569a
align dropdown menu with .pull-right for .input-group-btn when btn on right of input
2013-07-26 07:52:40 -04:00
Mark Otto
210ee63693
Fixes #8586 : add addional color text classes to apply all of branch colors easily
2013-07-26 00:18:18 -07:00
Mark Otto
27cedf71d5
Update form validation states
...
* Once again no longer applies to single inputs (this is a bit simpler,
but I'm open to new ideas) but the entire set of inputs, labels, and
help text within a particular element. However, the styles are not too
dependent on markup or layout, so they're super flexible.
* Simplified the markup in the validation docs examples to match latest
changes.
* Renamed `.form-state-validation` mixin to `.form-control-validation`
to match naming of prev commit.
2013-07-25 19:45:14 -07:00
Mark Otto
13bc74b636
Refactor forms styles
...
* Reorganize forms.less
* Change from attribute selectors to `.form-control`. Few lines, less
specific (meaning easier overrides as `element[type=""]` is more
specific than a class), less intrusive, and more performant.
* Add `.form-group` for basic spacing in vertical forms.
* Remove (unnecessary?) `margin: 0;` from `form` element (as far as I
can tell no browser sets that anyway).
2013-07-25 18:29:51 -07:00
Mohnish Thallavajhula
4629bed2c4
Use input type password
for the password field in the CSS documentation.
2013-07-23 11:50:01 -07:00
Mark Otto
4cec956e0c
Drop rounded corners on .table-bordered
...
* Cuts close to 100 lines of CSS from the table CSS
* File size aside, this drastically simplifies CSS for folks looking to
build on top of the `.table-bordered` option as a starting point
2013-07-23 10:48:30 -07:00
Mark Otto
0b1ddeb353
fixes #8559
2013-07-22 14:44:36 -07:00
Mark Otto
12468c6103
Merge branch '3.0.0-wip' of github.com:twitter/bootstrap into 3.0.0-wip
...
Conflicts:
dist/css/bootstrap.min.css
2013-07-21 08:52:25 -07:00
Mark Otto
a63db4d2f9
Update file input to remove height and line-height
...
This particular form control is wildly inaccurate across browsers, so
we're removing the `height` and `line-height`, but adding `display:
block` so it renders similarly to our other inputs.
2013-07-20 21:09:03 -07:00
Mark Otto
df851b40d1
Update docs on responsive images and elaborate on IE8 support using Respond.js
2013-07-20 20:58:23 -07:00
Mark Otto
d651c01e10
Update forms example to show sequential form inputs for later testing
2013-07-20 20:11:53 -07:00
Brent Mulligan
23015bc7c1
Update Normalize.css URL to new Github.io domain
2013-07-20 15:38:38 -04:00
Max
6f9ed7efeb
typo fixed: highligted source code of second radio button was missing in css.html -> checkboxes & radios -> default section
2013-07-19 13:28:26 +03:00
Mark Otto
e440ff4b3f
<input>
and <select>
sizing update
...
Restores `font-size` and more to the `<select>` element while also
changing from `min-height` to `height` for input sizing.
Fixes #8520 as opened by @ShaunR (would've merged that PR but I moved
everything around right before).
2013-07-18 19:53:32 -07:00
Mark Otto
a8005b3d0b
flatten docs dir back into root
2013-07-18 17:41:30 -07:00