Try placing your search block in the Navbar region, and Chrome renders it full-page width and it does not float left.

There is an issue for this issue in the bootstrap github for this. A fix was mentioned there. Here is the Drupal adaptation of this fix:

.form-search .input-group-btn {
width: auto;
}

Comments

markhalliwell’s picture

Status: Needs review » Active
basvredeling’s picture

Status: Active » Needs review
StatusFileSize
new23.63 KB

I think the result of this patch needs some vertical alignment too. But that's really all dependent on the height of your navbar.
Patch is ugly because of minified css. Everything is on one line so that makes generating and reviewing patches a lot trickier.

Status: Needs review » Needs work

The last submitted patch, 2: bootstrap-nav_search_block-2319397-2.patch, failed testing.

markhalliwell’s picture

Please do not modify the compiled CSS file. Instead, please modify the appropriate LESS file in ./starterkits/less/less/overrides.less. This file is automatically compiled with a maintainer commits an issue that changes this file.

basvredeling’s picture

Status: Needs work » Needs review
StatusFileSize
new312 bytes

Sorry, just so used to Sass that I forgot to look for Less.
Here's a corrected patch.

Status: Needs review » Needs work

The last submitted patch, 5: bootstrap-nav_search_block-2319397-5.patch, failed testing.

markhalliwell’s picture

index b6f12ad..a25e1f8 100644
--- a/starterkits/less/less/overrides.less
+++ b//starterkits/less/less/overrides.less

Seem your diff is adding an extra / here.

basvredeling’s picture

StatusFileSize
new400 bytes

Last try... This'll be correctly formatted.

basvredeling’s picture

Status: Needs work » Needs review

neardark’s picture

Status: Needs review » Fixed

Merged to 7.x-3.x and 8.x-3.x branches.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.