Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Strange block of input field on stacked column #9258

Closed
eratzlaff opened this issue Aug 8, 2013 · 4 comments
Closed

Strange block of input field on stacked column #9258

eratzlaff opened this issue Aug 8, 2013 · 4 comments
Labels
confirmed css
Milestone
v3.0.0

Comments

@eratzlaff
Copy link
Contributor

example code

<div class="row">
  <div class="col-12 col-lg-6">
    <input class="form-control" type="number"/>
  </div>
  <div class="col-lg-6">
    some text 
  </div>
</div>

if the screen re-size to stacked column the input field is blocked by the text.
My workaround: Add col-12 to the second div.

<div class="row">
  <div class="col-12 col-lg-6">
    <input class="form-control" type="number"/>
  </div>
  <div class="col-12 col-lg-6">
    some text 
  </div>
</div>
@cvrebert
Copy link
Collaborator

cvrebert commented Aug 9, 2013

Can't reproduce with git HEAD, unless I don't understand what you mean by "blocked": http://jsfiddle.net/mrJqG/4/

@eratzlaff
Copy link
Contributor Author

If the input field is not selected, try to select the input field.
Chrome 28 on Linux
I confirm your jsfiddle reproduce the issue.
The same Firefox 17 on Linux

@cvrebert
Copy link
Collaborator

cvrebert commented Aug 9, 2013

Ah, okay, I see what you mean now.

@mdo
Copy link
Member

mdo commented Aug 10, 2013

Needs a float: none; on the full-width grid columns. I'll come back to this shortly to add it.

@mdo mdo closed this as completed in c558c03 Aug 12, 2013
stempler pushed a commit to stempler/bootstrap that referenced this issue Apr 11, 2014
@mdo
(less) fixes twbs#9258: no more float bug with full-width grid column…
8cf5021 
…s by removing float on all .col-*-12 classes
stempler pushed a commit to stempler/bootstrap that referenced this issue Nov 4, 2014
@mdo
(less) fixes twbs#9258: no more float bug with full-width grid column…
1ac9407 
…s by removing float on all .col-*-12 classes
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
confirmed css
Projects
None yet
Milestone
v3.0.0
Development

No branches or pull requests
3 participants
@mdo @cvrebert @eratzlaff