mirror of https://github.com/twbs/bootstrap.git
812b99263f
I have recently been experimenting with a lot of Typeahead controls, and I ran into a situation where my Typeahead was too wide for my screen, particularly on mobile devices, and it was not wrapping as I had expected it to do. http://jsfiddle.net/Mtxkn/3/ Changing the CSS for `.dropdown-menu > li > a` to `white-space: normal` causes it to wrap in every scenario that I have seen, whereas leaving it as `nowrap` never does what I want when the text is too long for a given row. It's possible that this has ramifications for other dropdown menus, but honestly I expect that even those would prefer to wrap than to extend the screen horizontally. If that is not the case, then it would work to change the typeahead version of this only: ```css .typeahead > li > a { white-space: normal; } ``` |
||
|---|---|---|
| .. | ||
| tests | ||
| accordion.less | ||
| alerts.less | ||
| bootstrap.less | ||
| breadcrumbs.less | ||
| button-groups.less | ||
| buttons.less | ||
| carousel.less | ||
| close.less | ||
| code.less | ||
| component-animations.less | ||
| dropdowns.less | ||
| forms.less | ||
| grid.less | ||
| hero-unit.less | ||
| labels-badges.less | ||
| layouts.less | ||
| media.less | ||
| mixins.less | ||
| modals.less | ||
| navbar.less | ||
| navs.less | ||
| pager.less | ||
| pagination.less | ||
| popovers.less | ||
| progress-bars.less | ||
| reset.less | ||
| responsive-767px-max.less | ||
| responsive-768px-979px.less | ||
| responsive-1200px-min.less | ||
| responsive-navbar.less | ||
| responsive-utilities.less | ||
| responsive.less | ||
| scaffolding.less | ||
| sprites.less | ||
| tables.less | ||
| thumbnails.less | ||
| tooltip.less | ||
| type.less | ||
| utilities.less | ||
| variables.less | ||
| wells.less | ||