将字体awsome添加到下拉引导程序3？

Question

我有这样的下拉菜单中的自举3

<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-camera-retro fa-2x"></i> Dashboard</a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li><a href="#">Separated link</a></li> 
      </ul> 
      </li> 

的问题是这里的txt权去的图标，我想要的文字留在中间的图标下，和图标也是在顶部中间文本的，当我的图标下添加长文本thta都留在了中间

这里工作bootply http://www.bootply.com/ZhwSteTLgw

我需要的是这个

但是当我添加长txt所有留在中间？

UPDATE 解决方案

<a href="#" data-toggle="dropdown" class="dropdown-toggle"><i class="fa fa-camera-retro fa-2x"></i><span class="show">Dashboard</span></a> 


ul > li > a 
{ 
    text-align:center; 
} 

Answer 1

试试这个：

DEMO

<li class="dropdown"> 
    <a style="width:auto" href="#" class="dropdown-toggle col-md-12 text-center" data-toggle="dropdown"> 
    <i class="fa fa-camera-retro fa-2x col-md-12 "></i> <p class="col-md-12 ">Dashboard</p></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Action</a></li> 
       <li><a href="#">Another action</a></li> 
       <li><a href="#">Something else here</a></li> 
       <li class="divider"></li> 
       <li><a href="#">Separated link</a></li> 
      </ul> 
      </li> 

Answer 2

<li class="dropdown" style="display: table-caption;"> 
<a href="#" class="dropdown-toggle" data-toggle="dropdown" style="margin-left: 18PX;"> 
    <i class="fa fa-camera-retro fa-2x"></i> Dashboard</a> 
     <ul class="dropdown-menu" style=""> 
      <li><a href="#">Action</a></li> 
      <li><a href="#">Another action</a></li> 
      <li><a href="#">Something else here</a></li> 
      <li class="divider"></li> 
      <li><a href="#">Separated link</a></li> 
     </ul> 
     </li> 

检查这个