Using GLYPHICONS

First it is still bloated but v4 is now within acceptable limits, and anyone using jQuery + the jQuery UI code would i think accept the extra css code without problems.

Amazing! When I say that I try to keep my images below 100KB and certainly no more than 400KB, I get sneered at as being unrealistic. Yet, when done properly, the whole Bootstrap thingy takes up no more than two of my images. Bloated????? Having said that, who determines acceptable limits?

As for the rest of your rhetoric, if I cannot get something done using one tool, I will resort to using another tool. In the case of Bootstrap, it may mean inserting my own code.

karpiyon  wrote thank you, Do you know how i can center text pull-right the glyphicon? e.g. i have: <div class="myPanel-heading"><i class="fa fa-picture-o pull-right" aria-hidden="true"></i>Gallery</div> in the css myPanel has text-align: center yet this still takes into account the space occupied by the glyphicon, hence the text is not exactly in the middle. I also tried to set the icon to float left as well as set the parent element to relative position and the icon to absolute.

It should work if you use the below css:

.myPanel-heading {

text-align: center;

position: relative;

}

.myPanel-heading i {

position: absolute;

right: 0;

}