tutorials.de - float right - Demo #2

by SpiceLab

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
  <!-- Tabs-Navs -->
  <ul class="nav nav-tabs" role="tablist">
    <li class="active"><a href="#start" role="tab" data-toggle="tab">Start</a></li>
    <li><a href="#profil" role="tab" data-toggle="tab">Profil</a></li>
    <li><a href="#nachrichten" role="tab" data-toggle="tab">Nachrichten</a></li>
    <li class="navbar-right"><a href="#einstellungen" role="tab" data-toggle="tab">Einstellungen</a></li>
    <li class="dropdown navbar-right">
      <a href="#" id="meinTabDrop1" class="dropdown-toggle" data-toggle="dropdown">Dropdown-Menü <span class="caret"></span></a>
      <ul class="dropdown-menu" role="menu" aria-labelledby="meinTabDrop1">
        <li><a href="#dropdown1" tabindex="-1" role="tab" data-toggle="tab">dropdown 1</a></li>
        <li><a href="#dropdown2" tabindex="-1" role="tab" data-toggle="tab">dropdown 2</a></li>
      </ul>
    </li>
  </ul> 
  <!-- Tabs-Contents -->
  <div class="tab-content">
    <div class="tab-pane active" id="start">Start</div>
    <div class="tab-pane" id="profil">Profil</div>
    <div class="tab-pane" id="nachrichten">Nachrichten</div>
    <div class="tab-pane" id="einstellungen">Einstellungen</div>
    <div class="tab-pane" id="dropdown1">Dropdown 1</div>
    <div class="tab-pane" id="dropdown2">Dropdown 2</div>
  </div>
</div>