當我點擊漢堡菜單時，我試圖將其放置在右側，但我無法為此調整 CSS。我有這個HTML代碼：<nav class="navbar navbar-inverse navbar-fixed-top">  <div class="navbar-header">    <a class="navbar-brand" href="#">Brand</a>    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">      <span class="icon-bar"></span>      <span class="icon-bar"></span>      <span class="icon-bar"></span>    </button>  </div>  <div class="navbar-collapse collapse">    <ul class="nav navbar-nav">      <li class="active"><a href="#">Home</a></li>      <li><a href="#about">About</a></li>      <li><a href="#contact">Contact</a></li>    </ul>    <div class="navbar-header">        <p class="navbar-text navbar-right">        <a href="#" class="navbar-link">Username</a>        </p>    </div>  </div></nav>廣告這個CSS：@media (max-width: 1200px) {    .navbar-header {        float: none;    }    .navbar-left,.navbar-right {        float: none !important;    }    .navbar-toggle {        display: block;    }    .navbar-collapse {        border-top: 1px solid transparent;        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);    }    .navbar-fixed-top {        top: 0;        border-width: 0 0 1px;    }    .navbar-collapse.collapse {        display: none!important;    }    .navbar-nav {        float: none!important;        margin-top: 7.5px;    }    .navbar-nav>li {        float: none;    }    .navbar-nav>li>a {        padding-top: 10px;        padding-bottom: 10px;    }    .collapse.in{        display:block !important;    }}如何調整此CSS，以便點擊漢堡菜單時漢堡菜單位于右側？框的填充必須適合其中文字的大小。像這樣：如果覆蓋掉下面的空間也沒關系。CSS我需要一個僅使用此代碼的解決方案。在這里查看更多內容。謝謝。