ドロップダウンメニューの横にならべたい

Question

要はQiitaのヘッダーをモロパクリしたいんですけど、どうしても縦に並んでしまうです。
新規登録とドロップダウンメニューを並列に並べたいんです。
ruby on rails でやってます。

    <nav class = "nav navbar-nav navbar-right ">

       <%= link_to "新規登録",signup_path, class: "btn btn-lg btn-primary" %>

        <div class = "dropdown">
           <button class = "btn btn-default dropdown-toggle" type = "button" id = "dropdownMenu1" data-toggle = "dropdown" aria-haspopup = "true" aria-expanded = "true">
               MENU
            <span class = "caret"></span>
           </button>
         <ul class = "dropdown-menu" aria-labelledby = "dropdownMenu1" >
          <li><%= link_to "マイページ", "#"%></li>
          <li><%= link_to "下書き一覧","#"%></li>
          <li><%= link_to "設定","#"%></li>
          <li><%= link_to "ヘルプ", help_path%></li>
          <li><%=link_to "ログアウト", "#" %></li>
         </ul>
        </div>
    </nav>

---

Comments

[kei344]

Bootstrap のバージョンと出力されたHTMLを提示されたほうが回答が望めると思います。

Answer 1

html,css,javascriptはブラウザから確認できるので、そこをまさにモロパクリしてみれば良いのでは。