Question

我想帮助纠正我的引导程序导航栏中下拉菜单外观的一个小问题。我使用ruby link_to方法为下拉菜单创建了正确运行的链接，除了下拉元素没有与其他导航栏元素一致。这是我对导航栏的当前代码：

以下是与问题图片的链接： https://www.dropbox.com/s/dmrs87xr2kbkat3/dropdown%20problem.jpg?dl=0

<li class="active"><%= link_to "Main", root_path %>
    <span class="sr-only">(current)</span>
</li>
<li class="dropdown">
    <%= link_to "Employee Profile", profile_path, :class => "dropdown-toggle", :data => {:toggle => "dropdown"}, :role => "button", :aria => {:expanded => "false"} %>
    <span class="caret"></span>
    <ul class="dropdown-menu" role="menu">  
        <li><a href="#">Tasks / Activities</a></li>
        <li><a href="#">Vacations</a></li>
    </ul>
</li>

注意：我设法通过在＆lt;％link to ...％＆gt;之间添加标记来部分解决问题。标签，但是从元素中禁用bootstap样式并以常规html呈现它。

Answer 1

因为您必须在链接中包含extern void some_funct_value(struct A self);。

试试这个

<span class="caret"></span>

Answer 2

 <div class="dropdown div-inline">
      <button class="btn btn-xs btn-option dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown">Show Dropdown
         <span class="caret"></span>
     </button>
          <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">      
                    <li role="presentation">
                         <a href=""> First link</a>
                    </li>  
                    <li role="presentation">
                         <a href=""> Second link</a>
                    </li>  
                    <li role="presentation">
                         <a href=""> Third link</a>
                    </li>  
         </ul>
    </div>

试试这个并访问Bootstrap dropdown examples以获取适合您需求的许多示例。

使用ruby link_to方法无法正确显示Bootstrap导航栏下拉列表

2 个答案: