Bootstrap-從navbar品牌下拉列表，就像navbar崩潰一樣嗎？

Question

我試圖將導航欄的標題轉換為類似於Bootstrap中已經存在的導航欄折疊。 我設法將標題轉換為一個下拉列表，該列表僅占一行。 完成后，我希望它看起來像（但當然更好）：

 LINK / LINK / LINK / LINK       X(close)

跨過一個欄，當用戶單擊時，它會彈出，就像在移動設備上一樣（這將在移動設備和台式機上進行）。 我希望這有某種意義。

一旦到達下拉菜單部分，我就開始擺弄LESS，但是卻一事無成，所以我很困惑。

這是我到目前為止的代碼：

  body
    nav.navbar.navbar-default(role='navigation')
      .container
        .navbar-header
          button.navbar-toggle(type='button', data-toggle='collapse', data-target='.navbar-collapse')
            span.sr-only Toggle navigation
            span.icon-bar
            span.icon-bar
        span.icon-bar
          div.dropdown
            a.navbar-brand.dropdown(href='#', data-toggle='dropdown')
              | Title
                    span.caret
            ul.brand-dropdown.dropdown-menu(role='menu')
              li
                a(href=route.auth('custservice')) Customer Service
              li
                a(href=route.auth('help')) Help

        .navbar-collapse.collapse
          form.navbar-form.navbar-left(role='search')
            .inner-addon.left-addon
              a.fa.fa-search.fa-lg(href='', type='submit')
              input.form-control(type='text', placeholder='Search')
          block nav
              ul.nav.navbar-nav.navbar-right
                li
                  a= auth.user().first_name
                li
                  a.fa.fa-shopping-cart.fa-2x(href=route.auth('cart'))

我唯一擁有的LESS對此無所謂，因此除此以外，它完全是在乎的。 我很樂意提供幫助！ 謝謝！

Answer 1

我很抱歉，如果有人正在尋找答案，但是我發現，盡管您可以將其放入下拉菜單，但它不會無縫地添加到引導布局中。 因此，對於那些研究它的人：我不推薦它，它看起來不會那么好。