yaronguez/bootstrap.inline-responsive

bootstrap.inline-responsive

For Bootstrap 3.0

Bootstrap 3.0 implements responsive design a little differently than in 2.3.x. All visible and hidden responsive classes use

   display:block !important;

causing all elements which use these responsive classes to become block elements. This css file extends the responsive classes to include the following inline variations which use

   display:inline !important;

and

   display:inline-block !important;

Implements (inline)

• visible-inline-xs
• visible-inline-sm
• visible-inline-lg
• hidden-inline-xs
• hidden-inline-sm
• hidden-inline-lg

Implements (inline-block)

• visible-inline-block-xs
• visible-inline-block-sm
• visible-inline-block-lg
• hidden-inline-block-xs
• hidden-inline-block-sm
• hidden-inline-block-lg

Test Cases

Test cases are included under test, copied and modified from the twitter bootstrap documentation here