Input width in fluid rows #4828

Closed
erquhart opened this Issue Aug 29, 2012 · 3 comments

Comments

Projects
None yet
2 participants

When using a column-based width for an input inside of a div with class row-fluid, such as

<div class="row-fluid">
  <input class="span4">

and collapsing down to a tablet or phone-sized browser window, the input field defaults to width:auto, which is really small and static, regardless of which span width was indicated. If you change the code to

<div class="row">
  <input class="span4">

the input expands to 100% width on smaller screens, as it should, and as it does on Twitter Bootstrap's docs.

Owner

mdo commented Aug 29, 2012

Wrong issue :).

whoops!! I'll go ahead and move that...

As I've worked with this more, it basically seems that using the column-sizing feature breaks form layouts entirely when used with a responsive layout.

mdo closed this in 2da2169 Aug 29, 2012

@stempler stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014

@mdo mdo (less) fixes #4828: make fluid grid inputs size the same as fixed gri…
…d inputs
5cec2f6

@stempler stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014

@mdo mdo (less) fixes #4828: make fluid grid inputs size the same as fixed gri…
…d inputs
e11c3cb
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment