将图标放在导航旁边答案

【问题标题】：Put icon next to navigation将图标放在导航旁边
【发布时间】：2014-05-28 13:50:19
【问题描述】：

尝试将 span 类放在 class="dropdown-toggle" 中，以便图标向左显示更多并变得更大。

现在的样子：

代码：

  <a  href="#" class="dropdown-toggle" data-toggle="dropdown"><span class="glyphicon glyphicon-ok"></span>  Vakt <b class="caret"></b></a>

【问题讨论】：

标签： css twitter-bootstrap laravel laravel-4 blade

【解决方案1】：

您可以在跨度右侧添加填充：

.dropdown-toggle .glyphicon.glyphicon-ok {
padding-right:30px;
}

我不知道如何让它变大。

这是另一篇关于使字形更大的帖子Bigger Glyphicons

【讨论】：

图片是来自 twitter 引导库的图标。 getbootstrap.com/components

【解决方案2】：

你可以试试这个：

Demo

.dropdown-toggle
 { 
  background:#eee; 
  color:#000; 
  text-decoration:none; 
  padding:15px 10px 15px 40px; 
  display:inline-block;
 }
.glyphicon-ok{display:inline-block; padding-right:10px;}

【讨论】：

【解决方案3】：

为了让它更大，你不能增加高度和宽度吗？

    <span class="glyphicon glyphicon-ok" style="width:150%; height:150%"></span>

【讨论】：