用rails引导:将dropup与页脚中的其他元素对齐

Question

我试图将以下内容作为页脚对齐，但dropup与其余的不对齐：

<footer class="footer">
<div class="container-fluid">
<div class="row">
 <div class="col-xs-12 col-sm-12 col-md-12">

  <div class="pull-left">
      <ul class="nav nav-pills">
        <li><%= link_to 'Privacy', privacy_path %></li>
        <li><%= link_to 'Contact', contact_path %></li>
        <li><%= link_to 'Help', help_path %></li>
      </ul>

    <div class="dropup">
      <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="text-decoration: none !important;"><%= t 'footer_languages' %><span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
           <li><%= link_to_unless_current "English", locale: "en" %></li>
           <li><%= link_to_unless_current "German", locale: "de" %></li>
        </ul>
    </div>
  </div>

      <ul class="social-network social-circle pull-right">
       <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook"></i></a></li>
        <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter"></i></a></li>
        <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus"></i></a></li>
     </ul>
</div>
</div>
</div>
</footer>

.footer
  position: absolute
  bottom: 0
  width: 100%
  height: 40px

下面是图片：

别介意色差，这是我做的作物的颜色！

对如何对齐一切有什么想法吗？？

Upadte 1

根据@Kundan Kumar Mourya的答复，如果现在得到这些结果：

​

​

Answer 1

点击这里检查图像

<footer class="footer">
<div class="container-fluid">
<div class="row">
 

  <div class="col-sm-4 pull-left">
      <ul class="nav nav-pills">
        <li>'Privacy', privacy_path</li>
        <li>link_to 'Contact', contact_path</li>
        <li>link_to 'Help', help_path</li>
      </ul>
      </div>

    <div class="col-sm-4 dropup">
      <a class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false" href="#" style="text-decoration: none !important;"> 'footer_languages'<span class="caret"></span></a>
        <ul class="dropdown-menu" role="menu">
           <li> link_to_unless_current "English", locale: </li>
           <li>link_to_unless_current "German", locale: </li>
        </ul>
    </div>
    <div class="col-sm-4">
    <ul class="social-network social-circle pull-right">
       <li><a href="#" class="icoFacebook" title="Facebook"><i class="fa fa-facebook">Facebook</i></a></li>
        <li><a href="#" class="icoTwitter" title="Twitter"><i class="fa fa-twitter">Facebook</i></a></li>
        <li><a href="#" class="icoGoogle" title="Google +"><i class="fa fa-google-plus">Facebook</i></a></li>
     </ul>
  </div>


</div>
</div>
</footer>

我修复了它，看了看，但是我改变了一些div和类。

​