title: Is Chromium known for bugs with Bootstrap/Laravel?
body: <p>I am having trouble with my Bootstrap/Laravel website.</p>
  
  <p>I have a simple navbar at the top, with a logo and a dropdown button menu.</p>
  
  <p>The button menu is positioned perfectly, apart from on the sign in page, where it seems it is forced to move down a line. The problem is, the fact that I am using Laravel layout views, the view should be exactly the same apart from the content that I submit using @section('content').</p>
  
  <p>Now the weird bit, if I target my site using Firefox, it's fine... Just using Chromium, and only on my "sign in" page.</p>
  
  <p>Here is some code, which personally I see nothing wrong with.</p>
  
  <p>Navigation Layout</p>
  
  <pre><code>&lt;nav class="navbar navbar-default navbar-fixed-top" role="navigation"&gt;
  &lt;div class="container"&gt;
      &lt;h1 class="londrina inline"&gt;WEBSITE NAME&lt;/h1&gt;
      &lt;div class="floatright aligntop"&gt;
          @if(Auth::check())
          &lt;h4 class="hideforsmall inline"&gt;Logged in as {{ Auth::user()-&gt;username }}&amp;nbsp;&amp;nbsp;&lt;/h4&gt;
          @endif
  
          &lt;div class="btn-group"&gt;
              &lt;button type="button" class="visible-sm visible-md visible-lg btn btn-primary dropdown-toggle" data-toggle="dropdown" style="width:200px;"&gt;
                  &lt;span class="floatleft glyphicon glyphicon-list"&gt;&lt;/span&gt;&lt;div class="floatright"&gt;@if(!isset($active)){{ "Navigation" }}@else{{ $active }}@endif &lt;span class="caret"&gt;&lt;/span&gt;&lt;/div&gt;
              &lt;/button&gt;
              &lt;button type="button" class="visible-xs btn btn-primary dropdown-toggle" data-toggle="dropdown" style="border-radius:5px;font-size:25px;"&gt;
                  &lt;span class="floatleft glyphicon glyphicon-list"&gt;&lt;/span&gt;
              &lt;/button&gt;
  
              &lt;ul class="pull-right dropdown-menu navdropdownmenu" role="menu"&gt;
                  &lt;?php if(!isset($active)){$active='empty';} ?&gt;
                  &lt;li class="&lt;?php if($active == 'Home'){echo 'active'; } ?&gt;"&gt;&lt;a href="{{ URL::route('home') }}"&gt;Home&lt;/a&gt;&lt;/li&gt;
                  @if(Auth::check())
                  &lt;li class="&lt;?php if($active == 'My Claims'){echo 'active'; } ?&gt;"&gt;&lt;a href="{{ URL::route('account-claims') }}"&gt;My Claims&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="&lt;?php if($active == 'Archive'){echo 'active'; } ?&gt;"&gt;&lt;a href="{{ URL::route('account-archive') }}"&gt;Archive&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="&lt;?php if($active == 'Energy'){echo 'active'; } ?&gt;"&gt;&lt;a href="{{ URL::route('energy-home') }}"&gt;Energy&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="{{ URL::route('account-sign-out') }}"&gt;Sign Out&lt;/a&gt;&lt;/li&gt;
                  @if(Auth::user()-&gt;admin)
                  &lt;li class="divider"&gt;&lt;/li&gt;
                  &lt;li class="&lt;?php if($active == 'Admin'){echo 'active'; } ?&gt;"&gt;&lt;a href="{{ URL::route('account-admin') }}"&gt;Admin Panel&lt;/a&gt;&lt;/li&gt;
                  @endif
                  @else
                  &lt;li class="&lt;?php if($active == 'Sign In'){echo 'active'; } ?&gt;"&gt;&lt;a href="{{ URL::route('account-sign-in') }}"&gt;Sign In&lt;/a&gt;&lt;/li&gt;
                  &lt;li class="&lt;?php if($active == 'Sign Up'){echo 'active'; } ?&gt;"&gt;&lt;a href="{{ URL::route('account-create') }}"&gt;Sign Up&lt;/a&gt;&lt;/li&gt;
                  @endif
              &lt;/ul&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Sign In</p>
  
  <pre><code>    @extends('layout.main')
  
  @section('content')
  &lt;div class="row"&gt;
      &lt;div class="col-md-8 col-md-push-4"&gt;
          &lt;div class="jumbotron signinheight"&gt;
                  &lt;h1&gt;Existing Members&lt;/h1&gt;
                  &lt;p class="text-center"&gt;Remember to follow the &lt;a href="http://www.URLHERE.org"&gt;WEBSITE HERE&lt;/a&gt; process to the end. Turn the tables, claim all bills owed to you!&lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;div class="col-md-4 col-md-pull-8"&gt;
          &lt;div class="panel panel-primary signinheight signinbox"&gt;
              &lt;h2&gt;Sign In&lt;/h2&gt;
              &lt;form class="text-center" method="POST" action="{{ URL::route('account-sign-in-post') }}" role="form"&gt;
                  &lt;div class="form-group"&gt;
                      &lt;input type="text" placeholder="Email" class="form-control" name="email"@if($errors-&gt;has('email')){{ ' style="background-color:#ffaaaa;"' }}@endif&gt;
                  &lt;/div&gt;
                  &lt;div class="input-group"&gt;
                      &lt;input type="password" placeholder="Password" class="form-control" name="password"@if($errors-&gt;has('password')){{ ' style="background-color:#ffaaaa;"' }}@endif&gt;
                      &lt;span class="input-group-btn"&gt;
                          &lt;button type="submit" class="btn btn-success" type="button"&gt;Sign In&lt;/button&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
                  {{ Form::token() }}
              &lt;/form&gt;
              &lt;h2&gt;Forgotten it?&lt;/h2&gt;
              &lt;form class="text-center" method="POST" action="{{ URL::route('account-forgot-password-post') }}" role="form"&gt;
                  &lt;div class="input-group"&gt;
                      &lt;input type="text" placeholder="Email" class="form-control" name="email_forgot"@if($errors-&gt;has('email_forgot')){{ ' style="background-color:#ffaaaa;"' }}@endif&gt;
                      &lt;span class="input-group-btn"&gt;
                          &lt;button type="submit" class="btn btn-danger" type="button"&gt;Forgot Password&lt;/button&gt;
                      &lt;/span&gt;
                  &lt;/div&gt;
                  {{ Form::token() }}
              &lt;/form&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  @stop
  </code></pre>
  
  <p>Main Layout</p>
  
  <pre><code>    &lt;!DOCTYPE html&gt;
  &lt;html lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
      &lt;title&gt;WEBSITE NAME&lt;/title&gt;
  
      &lt;!-- Bootstrap --&gt;
      {{ HTML::style('css/bootstrap.min.css'); }}
      {{ HTML::style('css/style.css'); }}
      {{ HTML::style('css/introanim.css'); }}
      &lt;link href='http://fonts.googleapis.com/css?family=Londrina+Outline' rel='stylesheet' type='text/css'&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Londrina+Solid' rel='stylesheet' type='text/css'&gt;
      {{ HTML::style('css/animate.css'); }}
  
      &lt;!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries --&gt;
      &lt;!-- WARNING: Respond.js doesn't work if you view the page via file:// --&gt;
      &lt;!--[if lt IE 9]&gt;
      &lt;script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"&gt;&lt;/script&gt;
      &lt;script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"&gt;&lt;/script&gt;
      &lt;![endif]--&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div class="container"&gt;
      @include('layout.navigation')
      @if (Session::has('success')) {{ '&lt;div class="alert alert-success adjustalertboxsignin alertmarginbottom"&gt;' . Session::get('success') . '&lt;/div&gt;' }} @endif
      @if (Session::has('warning')) {{ '&lt;div class="alert alert-warning adjustalertboxsignin alertmarginbottom"&gt;' . Session::get('warning') . '&lt;/div&gt;' }} @endif
      @yield('content')
      @include('layout.footer')
  &lt;/div&gt;
  &lt;!-- jQuery (necessary for Bootstrap's JavaScript plugins) --&gt;
  &lt;script src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;!-- Include all compiled plugins (below), or include individual files as needed --&gt;
  &lt;script src="{{ public_path() }}/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="/js/dropdown.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>