在导航旁边放置图标

Question

尝试将span类放入class =＆＃34; dropdown-toggle＆＃34;因此图标显示更多左侧并变大。

现在看起来好像：

代码：

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

Answer 1

您可以在范围右侧添加填充：

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

我不确定如何让它更大。

这是关于使字形更大Bigger Glyphicons

的另一篇文章

Answer 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;}

Answer 3

要使它更大，你只能增加高度和宽度吗？

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