title: float the text in the navbar right
body: <p>I would like that my navbar is floating right. I tried to set the <code>&lt;ul class="nav navbar-nav float="right"</code>, but the navbar is still centered. I am quite sure that the float should be on this tag? I also tried with <code>text-align:right;</code>, which did not work either.</p>
  
  <p>Is there something I am missing here?</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;!-- page wrapper start --&gt;
          &lt;!-- ================ --&gt;
          &lt;div class="page-wrapper"&gt;
  
              &lt;!-- header-container start --&gt;
              &lt;div class="header-container"&gt;
  
                  &lt;!-- header start --&gt;
                  &lt;!-- classes:  --&gt;
                  &lt;!-- "fixed": enables fixed navigation mode (sticky menu) e.g. class="header fixed clearfix" --&gt;
                  &lt;!-- "dark": dark version of header e.g. class="header dark clearfix" --&gt;
                  &lt;!-- "full-width": mandatory class for the full-width menu layout --&gt;
                  &lt;!-- "centered": mandatory class for the centered logo layout --&gt;
                  &lt;!-- ================ --&gt; 
                  &lt;header class="header  fixed    clearfix"&gt;
  
                      &lt;div class="container"&gt;
                          &lt;div class="row"&gt;
                              &lt;div class="col-md-3 "&gt;
                                  &lt;!-- header-left start --&gt;
                                  &lt;!-- ================ --&gt;
                                  &lt;div class="header-left clearfix"&gt;
  
                                      &lt;!-- header dropdown buttons --&gt;
                                      &lt;div class="header-dropdown-buttons visible-xs"&gt;
                                          &lt;div class="btn-group dropdown"&gt;
                                              &lt;button type="button" class="btn dropdown-toggle" data-toggle="dropdown"&gt;&lt;i class="icon-search"&gt;&lt;/i&gt;&lt;/button&gt;
                                              &lt;ul class="dropdown-menu dropdown-menu-right dropdown-animation"&gt;
                                                  &lt;li&gt;
                                                      &lt;form role="search" class="search-box margin-clear"&gt;
                                                          &lt;div class="form-group has-feedback"&gt;
                                                              &lt;input type="text" class="form-control" placeholder="Search"&gt;
                                                              &lt;i class="icon-search form-control-feedback"&gt;&lt;/i&gt;
                                                          &lt;/div&gt;
                                                      &lt;/form&gt;
                                                  &lt;/li&gt;
                                              &lt;/ul&gt;
                                          &lt;/div&gt;
                                      &lt;/div&gt;
                                      &lt;!-- header dropdown buttons end--&gt;
  
                                      &lt;!-- logo --&gt;
                                      &lt;div id="logo" class="logo"&gt;
                                          &lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']  ?&gt;/index.php"&gt;&lt;img id="logo_img" src="http://&lt;?php echo $_SERVER['HTTP_HOST']  ?&gt;/images/graphics/logo.png" &gt;&lt;/a&gt;
                                      &lt;/div&gt;
  
                                  &lt;/div&gt;
                                  &lt;!-- header-left end --&gt;
  
                              &lt;/div&gt;
                              &lt;div class="col-md-9"&gt;
  
                                  &lt;!-- header-right start --&gt;
                                  &lt;!-- ================ --&gt;
                                  &lt;div class="header-right clearfix"&gt;
  
                                  &lt;!-- main-navigation start --&gt;
                                  &lt;!-- classes: --&gt;
                                  &lt;!-- "onclick": Makes the dropdowns open on click, this the default bootstrap behavior e.g. class="main-navigation onclick" --&gt;
                                  &lt;!-- "animated": Enables animations on dropdowns opening e.g. class="main-navigation animated" --&gt;
                                  &lt;!-- "with-dropdown-buttons": Mandatory class that adds extra space, to the main navigation, for the search and cart dropdowns --&gt;
                                  &lt;!-- ================ --&gt;
                                  &lt;div class="main-navigation  animated with-dropdown-buttons"&gt;
  
                                      &lt;!-- navbar start --&gt;
                                      &lt;!-- ================ --&gt;
                                      &lt;nav class="navbar navbar-default" role="navigation"&gt;
                                          &lt;div class="container-fluid"&gt;
  
                                              &lt;!-- Toggle get grouped for better mobile display --&gt;
                                              &lt;div class="navbar-header"&gt;
                                                  &lt;button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"&gt;
                                                      &lt;span class="sr-only"&gt;Toggle navigation&lt;/span&gt;
                                                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                                                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                                                      &lt;span class="icon-bar"&gt;&lt;/span&gt;
                                                  &lt;/button&gt;
  
                                              &lt;/div&gt;
  
                                              &lt;!-- Collect the nav links, forms, and other content for toggling --&gt;
                                              &lt;div class="collapse navbar-collapse" id="navbar-collapse-1"&gt;
                                                  &lt;!-- main-menu --&gt;
                                                  &lt;ul class="nav navbar-nav" float="right"&gt;
  
                                                      &lt;!-- mega-menu start --&gt;
                                                      &lt;li class="mega-menu"&gt;
                                                          &lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']  ?&gt;/index.php"&gt;Hjem&lt;/a&gt;
                                                      &lt;/li&gt;
                                                      &lt;!-- mega-menu end --&gt;
  
                                                      &lt;!-- mega-menu start --&gt;
  
                                                      &lt;li class="dropdown mega-menu"&gt;
                                                          &lt;a href="#" class="dropdown-toggle" data-toggle="dropdown"&gt;Kompetencer&lt;/a&gt;
                                                          &lt;ul class="dropdown-menu"&gt;
                                                              &lt;li&gt;
                                                                  &lt;div class="row"&gt;
                                                                      &lt;div class="col-lg-8 col-md-9"&gt;
  
                                                                          &lt;div class="row"&gt;
                                                                              &lt;div class="col-sm-4"&gt;
                                                                                  &lt;h4 class="title"&gt;UX/UI&lt;/h4&gt;
                                                                                  &lt;div class="divider"&gt;&lt;/div&gt;
                                                                                  &lt;ul class="menu"&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/ux-ui.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;UX/UI&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/prototyping.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Prototyping&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/web-design.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Web Design&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/grafisk-design.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Grafisk Design&lt;/a&gt;&lt;/li&gt;
                                                                                  &lt;/ul&gt;
                                                                              &lt;/div&gt;
                                                                              &lt;div class="col-sm-4"&gt;
                                                                                  &lt;h4 class="title"&gt;Webudvikling&lt;/h4&gt;
                                                                                  &lt;div class="divider"&gt;&lt;/div&gt;
                                                                                  &lt;ul class="menu"&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/webudvikling.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Webudvikling&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/php-mysql.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;PHP &amp; MySQL databaser&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/wordpress.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Wordpress&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/umbraco.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Umbraco&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/joomla.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Joomla&lt;/a&gt;&lt;/li&gt;
                                                                                  &lt;/ul&gt;
                                                                              &lt;/div&gt;
                                                                              &lt;div class="col-sm-4"&gt;
                                                                                  &lt;h4 class="title"&gt;Marketing Automation&lt;/h4&gt;
                                                                                  &lt;div class="divider"&gt;&lt;/div&gt;
                                                                                  &lt;ul class="menu"&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/mautic.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Mautic&lt;/a&gt;&lt;/li&gt;
                                                                                      &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/landesider.php"&gt;&lt;i class="fa fa-angle-right"&gt;&lt;/i&gt;Landesider&lt;/a&gt;&lt;/li&gt;
                                                                                  &lt;/ul&gt;
                                                                              &lt;/div&gt;
                                                                          &lt;/div&gt;
                                                                      &lt;/div&gt;
                                                                      &lt;div class="col-lg-4 col-md-3 hidden-sm"&gt;
                                                                          &lt;h4 class="title"&gt;Oversigt over kompetencer&lt;/h4&gt;
                                                                          &lt;p class="mb-10"&gt;&lt;a href=" http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kompetencer/alle-kompetencer.php"&gt;&lt;u&gt;En oversigt over alle mine kompetencer&lt;/u&gt;&lt;/a&gt;&lt;/p&gt;
                                                                          &lt;img src="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/images/graphics/kompetencer.png" alt="The Project"&gt;
                                                                      &lt;/div&gt;
                                                                  &lt;/div&gt;
                                                              &lt;/li&gt;
                                                          &lt;/ul&gt;
                                                      &lt;/li&gt;
                                                      &lt;li class="mega-menu"&gt;
                                                          &lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/portfolio.php"&gt;Portfolio&lt;/a&gt;
                                                      &lt;/li&gt;
  
                                                      &lt;!-- mega-menu end --&gt;
                                                      &lt;li class="dropdown "&gt;
                                                          &lt;a class="dropdown-toggle" data-toggle="dropdown" href="#"&gt;Profil&lt;/a&gt;
                                                          &lt;ul class="dropdown-menu"&gt;
                                                              &lt;li&gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/uddannelse.php"&gt;Uddannelse&lt;/a&gt;&lt;/li&gt;
                                                              &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/erhvervserfaring.php"&gt;Erhvervserfaring&lt;/a&gt;&lt;/li&gt;
                                                              &lt;li &gt;&lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/personlighed.php"&gt;Personlighed&lt;/a&gt;&lt;/li&gt;
                                                          &lt;/ul&gt;
                                                      &lt;/li&gt;
                                                      &lt;li class="mega-menu"&gt;
                                                          &lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/artikler-index.php"&gt;Artikler&lt;/a&gt;
                                                      &lt;/li&gt;
  
                                                      &lt;!-- mega-menu start --&gt;
                                                      &lt;!-- mega-menu start --&gt;
                                                      &lt;li class="mega-menu"&gt;
                                                          &lt;a href="http://&lt;?php echo $_SERVER['HTTP_HOST']?&gt;/kontakt.php"&gt;Kontakt&lt;/a&gt;
                                                      &lt;/li&gt;
  
  
                                                  &lt;/ul&gt;
                                                  &lt;!-- main-menu end --&gt;
  
  
                                              &lt;/div&gt;
  
                                          &lt;/div&gt;
                                      &lt;/nav&gt;
                                      &lt;!-- navbar end --&gt;
  
                                  &lt;/div&gt;
                                  &lt;!-- main-navigation end --&gt;
                                  &lt;/div&gt;
                                  &lt;!-- header-right end --&gt;
  
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
  
                  &lt;/header&gt;
                  &lt;!-- header end --&gt;
              &lt;/div&gt;
              &lt;!-- header-container end --&gt;
  </code></pre>