CODEWITHSUNDEEP
csstwitter-bootstraplaravellaravel-4laravel-blade
user3270211
user3270211

Reputation: 933

Put icon next to navigation

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>

Upvotes: 1

Views: 116

Answers (3)

DivineChef
DivineChef

Reputation: 1221

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

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

Upvotes: 1

DD0UG
DD0UG

Reputation: 142

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

Upvotes: 1

Pradeep Pansari
Pradeep Pansari

Reputation: 1297

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

Upvotes: 1

Related Questions