All geek questions in one place

Bootstrap Dropdown Menu Height

here is my html:

<div class="row-fluid"> <div class="span3"> <div class="btn-group"> <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a> <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"> <span class="icon-caret-down"></span> </a> <ul class="dropdown-menu"> <li><a href="#"><i class="icon-fixed-width icon-pencil"></i> Edit</a></li> <li><a href="#"><i class="icon-fixed-width icon-trash"></i> Delete</a></li> <li><a href="#"><i class="icon-fixed-width icon-ban-circle"></i> Ban</a></li> <li class="divider"></li> <li><a href="#"><i class="i"></i> Make admin</a></li> </ul> </div> </div> </div>

This is a simple example: http://fortawesome.imtqy.com/Font-Awesome/examples/

And in my browser the chrome output is:

I am using FontAwesome and I want to just try the icons. Pls help, thanks :)

+6
source share
1 answer

Try adding <!DOCTYPE html> to the top of your HTML file.

According to docs :

Bootstrap uses certain HTML elements and CSS properties that require the use of a document such as HTML5. Include it at the beginning of all your projects.

So, wrap your Bootstrap HTML files as follows:

 <!DOCTYPE html> <html lang="en"> ... </html>
+21
source

Source: https://habr.com/ru/post/952623/

More articles:


All Articles