Put icon next to navigation

Question

Trying to put the span class in the class="dropdown-toggle" so the icon shows more to left and becomes bigger.

Hos it looks now:

enter image description here

Code:

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

score 1 · Answer 1 · edited May 23 '17 at 12:24

1

You can add padding to the right of the span:

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

I'm not sure how to make it larger.

Here is another post about making the glyphs bigger Bigger Glyphicons

edited May 23 '17 at 12:24

Community

1
1

answered Apr 14 '14 at 14:36

DD0UG

144
6

The image is a icon from the twitter bootstrap gallery. http://getbootstrap.com/components/ – user3270211 Apr 14 '14 at 14:37

score 1 · Accepted Answer · answered Apr 14 '14 at 14:56

1

You can try this:

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

answered Apr 14 '14 at 14:56

Pradeep Pansari

1,287
6
10

score 1 · Answer 3 · answered Apr 14 '14 at 15:35

1

To make it bigger can't you just increase height and width?

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

answered Apr 14 '14 at 15:35

DivineChef

1,211
1
10
27

Put icon next to navigation

3 Answers3