How to fix Twitter Bootstrap Missing Icons

bootstrap_and_overrides.css.less

@import "twitter/bootstrap/bootstrap";
body {
  padding-top: 60px;
}

@import "twitter/bootstrap/responsive";

// Set the correct sprite paths
@iconSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings.png');
@iconWhiteSpritePath: asset-path('twitter/bootstrap/glyphicons-halflings-white.png');

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  .ie7-restore-right-whitespace();
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(@iconSpritePath);
  background-position: 14px 14px;
  background-repeat: no-repeat;

}
.icon-white {
  background-image: url(@iconWhiteSpritePath);
}

// Glyphicons
@import "twitter/bootstrap/sprites.less";

.navbar-inverse .brand, .navbar-inverse .nav > li > a {
  color: #777;
}