I can't figure out what's wrong. After moving my site and upgrading Yii to a more recent version, the glyphicons no longer display properly in GridView. I'm using Yii 2.0.29 with PHP 7.3. My bootstrap line in composer.json file is…
I am trying to integrate open iconic with bootstrap. Icons were not visible when I am using in my web app. Then I created a simple html with just bootstrap and openiconic links. Still it doesn't work, the same setup…
When I put 2 fields in a row, their glyphicons are being shown with a nasty offset: <div class="form-inline"> <div class="form-group col-xs-6 has-feedback has-error"> <input data-placeholder="Your Latitude" id="latitude" name="latitude" type="text" class="form-control"> <span class="glyphicon glyphicon-remove form-control-feedback"></span> </div> <div class="form-group col-xs-6 has-feedback…
When I use bootstrap plus icon it is thick. E.g. span { font-size: 30px; } <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.css" rel="stylesheet" /> <span class="glyphicon glyphicon-plus"></span> As you can see the plus icon is thick but on some website who use bootstrap I found…
I'm using Twitter Bootstrap v.3 on this page and I have the following markup in the page footer: <footer class="footer text-center"> <span class="contact-point"> <span class="glyphicon glyphicon-earphone"></span> 087-2562153 / 01-2876730 </span> <span class="contact-point"> <a href="mailto:[email protected]"> <span class="glyphicon glyphicon-envelope"></span> [email protected] </a> </span>…
I want to see this: It works when I include the modified fontello CSS in between <style></style> tags: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!-- <link rel="stylesheet" type="text/css" href="css/fontello_mod.css"/> --> </head> <style> @font-face { font-family: 'fontello'; src: url('font/fontello.eot?47332372'); src: url('font/fontello.eot?47332372#iefix')…
I am pretty new in Twitter BootStrap and I have the following problem: I have defined this section into my page: <!-- Column 3: --> <div class="container"> <div class="col-md-4"> <div class="group-item"> <i class="glyphicon glyphicon-home"></i> <h4><a href="#">TEST</a></h4> <p>Bla Bla Bla</p> </div>…
I am using the following gems: gem 'therubyracer', platforms: :ruby #gem "therubyracer" gem "less-rails" #Sprockets (what Rails 3.1 uses for its asset pipeline) supports LESS gem "twitter-bootstrap-rails" and in asset pipeline this is the code * *= require_bootstrap_and_overrides *= require_self…
PROBLEM The <a> tag on which I have applied a font-icon from fontello.com renders like this on the web page, though it is supposed to be this left or right arrow: BACKGROUND I used the first four points from this…
I am trying to use the glyphicons from twitter bootstrap. I want to use the pseudo-element :after instead of before. .glyphicon.glyphicon-search:before The above works just fine. .glyphicon.glyphicon-search:after The above does not work. What am I doing wrong?