Navbar

<nav class="navbar navbar-toggleable-md">

  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <a class="navbar-brand" href="#">
                    
<div class="logo class">
    <svg viewBox="0 0 30 30" width="30" height="30" fill="currentColor" style="float:left;">
        <g>
            <path d="M9.4,22.7l-8.5-6.5c-0.2-0.2-0.4-0.4-0.4-0.8v-0.7c0-0.4,0.1-0.6,0.4-0.8c0,0,8.2-6.4,8.5-6.5c0.3-0.2,0.4,0,0.4,0.3v1.8
                c0,0.4-0.1,0.7-0.3,0.8L3.2,15l6.2,4.8c0.3,0.2,0.3,0.4,0.3,0.8v1.8C9.8,22.8,9.6,22.8,9.4,22.7z"/>
            <g>
                <path d="M12.2,29.5c-0.5,0-1.5-0.3-1.3-0.8c0.7-2.2,1.5-5.7,1.5-5.7l2.2,0.3c0,0-0.9,3.8-1.6,5.9C12.9,29.4,12.4,29.5,12.2,29.5z" />
            </g>
            <g>
                <path d="M12.8,21.4c0.3-1.3,2.9-11.2,2.4-20.5c0-0.5,0.3-0.6,0.6-0.4c0.5,0.4,1.5,1.2,1.6,1.7c0.6,7-2,17.4-2.5,19.4L12.8,21.4z" />
            </g>
            <path d="M20.2,22.4v-1.8c0-0.4,0.1-0.6,0.3-0.8l6.2-4.8l-6.2-4.8c-0.2-0.2-0.3-0.5-0.3-0.8V7.6c0-0.3,0.1-0.5,0.4-0.3
                c0.2,0.2,8.5,6.5,8.5,6.5c0.2,0.2,0.4,0.4,0.4,0.8v0.7c0,0.4-0.1,0.6-0.4,0.8l-8.5,6.5C20.4,22.8,20.2,22.8,20.2,22.4z"/>
        </g>
    </svg>
</div>

                </a>

  <div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">

    <ul class="nav navbar-nav">

      <li class="nav-item ">
        <a class="nav-link " href="/demos/startseite.html">Home</a>
      </li>

      <li class="nav-item ">
        <a class="nav-link " href="/demos/contentseite.html">Content</a>
      </li>

      <li class="nav-item ">
        <a class="nav-link " href="/demos/blogstartseite.html">Blog</a>
      </li>

      <li class="nav-item ">
        <a class="nav-link " href="/demos/kontaktseite.html">Contact</a>
      </li>

    </ul>

  </div>

</nav>
			  
<div class="container">
  <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">

    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <a class="navbar-brand" href="#">
                    
<div class="logo class">
    <svg viewBox="0 0 30 30" width="30" height="30" fill="currentColor" style="float:left;">
        <g>
            <path d="M9.4,22.7l-8.5-6.5c-0.2-0.2-0.4-0.4-0.4-0.8v-0.7c0-0.4,0.1-0.6,0.4-0.8c0,0,8.2-6.4,8.5-6.5c0.3-0.2,0.4,0,0.4,0.3v1.8
                c0,0.4-0.1,0.7-0.3,0.8L3.2,15l6.2,4.8c0.3,0.2,0.3,0.4,0.3,0.8v1.8C9.8,22.8,9.6,22.8,9.4,22.7z"/>
            <g>
                <path d="M12.2,29.5c-0.5,0-1.5-0.3-1.3-0.8c0.7-2.2,1.5-5.7,1.5-5.7l2.2,0.3c0,0-0.9,3.8-1.6,5.9C12.9,29.4,12.4,29.5,12.2,29.5z" />
            </g>
            <g>
                <path d="M12.8,21.4c0.3-1.3,2.9-11.2,2.4-20.5c0-0.5,0.3-0.6,0.6-0.4c0.5,0.4,1.5,1.2,1.6,1.7c0.6,7-2,17.4-2.5,19.4L12.8,21.4z" />
            </g>
            <path d="M20.2,22.4v-1.8c0-0.4,0.1-0.6,0.3-0.8l6.2-4.8l-6.2-4.8c-0.2-0.2-0.3-0.5-0.3-0.8V7.6c0-0.3,0.1-0.5,0.4-0.3
                c0.2,0.2,8.5,6.5,8.5,6.5c0.2,0.2,0.4,0.4,0.4,0.8v0.7c0,0.4-0.1,0.6-0.4,0.8l-8.5,6.5C20.4,22.8,20.2,22.8,20.2,22.4z"/>
        </g>
    </svg>
</div>

                </a>

    <div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">

      <ul class="nav navbar-nav">

        <li class="nav-item ">
          <a class="nav-link " href="/demos/startseite.html">Home</a>
        </li>

        <li class="nav-item ">
          <a class="nav-link " href="/demos/contentseite.html">Content</a>
        </li>

        <li class="nav-item ">
          <a class="nav-link " href="/demos/blogstartseite.html">Blog</a>
        </li>

        <li class="nav-item ">
          <a class="nav-link " href="/demos/kontaktseite.html">Contact</a>
        </li>

      </ul>

    </div>

  </nav>
</div>
			  
<nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse">

  <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>

  <a class="navbar-brand" href="#">
                    
<div class="logo class">
    <svg viewBox="0 0 30 30" width="30" height="30" fill="currentColor" style="float:left;">
        <g>
            <path d="M9.4,22.7l-8.5-6.5c-0.2-0.2-0.4-0.4-0.4-0.8v-0.7c0-0.4,0.1-0.6,0.4-0.8c0,0,8.2-6.4,8.5-6.5c0.3-0.2,0.4,0,0.4,0.3v1.8
                c0,0.4-0.1,0.7-0.3,0.8L3.2,15l6.2,4.8c0.3,0.2,0.3,0.4,0.3,0.8v1.8C9.8,22.8,9.6,22.8,9.4,22.7z"/>
            <g>
                <path d="M12.2,29.5c-0.5,0-1.5-0.3-1.3-0.8c0.7-2.2,1.5-5.7,1.5-5.7l2.2,0.3c0,0-0.9,3.8-1.6,5.9C12.9,29.4,12.4,29.5,12.2,29.5z" />
            </g>
            <g>
                <path d="M12.8,21.4c0.3-1.3,2.9-11.2,2.4-20.5c0-0.5,0.3-0.6,0.6-0.4c0.5,0.4,1.5,1.2,1.6,1.7c0.6,7-2,17.4-2.5,19.4L12.8,21.4z" />
            </g>
            <path d="M20.2,22.4v-1.8c0-0.4,0.1-0.6,0.3-0.8l6.2-4.8l-6.2-4.8c-0.2-0.2-0.3-0.5-0.3-0.8V7.6c0-0.3,0.1-0.5,0.4-0.3
                c0.2,0.2,8.5,6.5,8.5,6.5c0.2,0.2,0.4,0.4,0.4,0.8v0.7c0,0.4-0.1,0.6-0.4,0.8l-8.5,6.5C20.4,22.8,20.2,22.8,20.2,22.4z"/>
        </g>
    </svg>
</div>

                </a>

  <div class="collapse navbar-collapse justify-content-end" id="navbarCollapse">

    <ul class="nav navbar-nav">

      <li class="nav-item ">
        <a class="nav-link " href="/demos/startseite.html">Home</a>
      </li>

      <li class="nav-item ">
        <a class="nav-link " href="/demos/contentseite.html">Content</a>
      </li>

      <li class="nav-item ">
        <a class="nav-link " href="/demos/blogstartseite.html">Blog</a>
      </li>

      <li class="nav-item ">
        <a class="nav-link " href="/demos/kontaktseite.html">Contact</a>
      </li>

    </ul>

  </div>

</nav>