zurb foundationのユーザーアバター6 navbar（トップバー）

Question

私はトップバーにユーザーのアバターがありますが、矢印は右側にあります。どのように左にそれを取得するには？私はどこでもそのCSSを見つけることができません。

使用されるコードはRuby on Railsである：PICはを参照してください

<li> 
    <%= link_to image_tag(current_user.profile.avatar.url(:small), class: "img-circle tiny-img"), "#" %> 
    <ul class="menu vertical"> 
    <li><%= link_to "Edit", edit_user_profile_path(current_user) %></li> 
    </ul> 
</li> 

また、矢印の色を変更する方法？あなたは.is-dropdown-submenu-parent.is-down-arrow>a:beforeためのCSSルールを追加し、そのよう.is-dropdown-submenu-parent.is-down-arrow>a:afterためのCSSルールを変更する必要があります

Answer 1

：

.is-dropdown-submenu-parent.is-down-arrow>a:before { 
    content: ''; 
    display: block; 
    width: 0; 
    height: 0; 
    border: 5px inset; 
    border-color: #2199e8 transparent transparent; 
    border-top-style: solid; 
    border-bottom-width: 0; 
    position: relative; 
    top: 0.25rem; 
    float: left; 
    right: 5px; 
} 

.is-dropdown-submenu-parent.is-down-arrow>a:after { 
    display: none; 
} 

Fiddle Demo

変更矢印の垂直方向を変更するには.is-dropdown-submenu-parent.is-down-arrow>a:beforeためtop値ポジション。