Tags » Twitter Bootstrap

Multi Level (n-level) Dropdown menu in Twitter Bootstrap v3 (Touch device friendly)


.dropdown-menu>li /* To prevent selection of text */
{   position:relative;
    -webkit-user-select: none; /* Chrome/Safari */        
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    /* Rules below not implemented in browsers yet */
    -o-user-select: none;
    user-select: none;
.dropdown-menu .sub-menu 
    left: 100%;
    position: absolute;
    top: 0;
    margin-top: -1px;
 {  content:"";
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
{   border-left: 5px solid #ffaf46;
{   border-right: 5px solid #ffaf46;
… 418 more words
Twitter Bootstrap

Twitter Bootstrap Tooltips playing nice with SVG

First, read about Bootstrap tooltips and popovers on Bootstrap’s website.

Want to add a tooltip to an svg object?

Check out this question on Stack Overflow: … 163 more words


Add bootstrap to your rails app without gem file

If you want to add Twitter Bootstrap without gem file, follow those steps:

Download Bootstrap
Direct download link Bootstrap 3.0.0
Or got to http://getbootstrap.com/

Copy CSS Files: 66 more words

Ruby On Rails

Problem Twitter Bootstrap Glyphicons not show in Heroku

The rails pipeline with Heroku is something difficult to master…

Today I had a problem that has taken some hours to be fixed.

I precompile assets as usual, and I realised that Glyphicon files have a different extension than the usual .js and .css, so I first had to extend it: 120 more words

How To

Bootstrap 3 responsiveness and columns classes

While programming the css styles for a responsive page with Bootstrap 3, you will see that there are 4 types of columns: xs, sm, md and lg. 84 more words

How To