Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by Konrad Pilch
Konrad Pilch
2,435 Points

Bootstrap Navbar problem - 2 Search Mobile

Hi,

Im having an issue when i resize my search form to mobile. Its all ok on desktop tablet, but on mobile the seach form extends to 100% and if i change ti to lik 80% its still the same. What i mean is that i have a button there and the button should be allways attache dto the search form on the right . It works on desktop but not on mobile . 

<form class="navbar-form navbar-right" role="search" id="searchNavbar">
                                                <div class="form-group">
                                                    <input type="text" class="form-control" placeholder="Search this site">
                                                </div><!-- /form-group -->
                                                <button type="submit" class="btn btn-default glyphicon glyphicon-search pull-right"></button>
                                            </form>

1 Answer

Jim van Rijsewijk
Jim van Rijsewijk
8,150 Points
Jim van Rijsewijk
Jim van Rijsewijk
8,150 Points

I answered it in you other post: https://teamtreehouse.com/forum/bootstrap-form-with-glyphicon-mobile-problem