Menu bar with few rows instead of collapse (Bootstrap) -


Is it possible to create such menu bars with Twitter Bootstrap 3 with buttons and dropdowns:

< Strong> on large display 

  ------------------------------- - ------- BTN 1 | Btn2 Btn3 | BTN4 | BTN5 | Btn6 | ---------------------------------------

Medium Display 

  ------------------- BTN 1 | Btn2 Btn3 | ------------------- ------------------ BTN 4 | BTN5 | Btn6 | -------------------

On small display 

  ------ BTN 1 | ------ ------ BTN 2 | ------ ------ BTN3 | ------ ------ BTN 4 | ------ ------ BTN 5 | ------ ------ BTN 6 | ------

Using media queries, you are able to set Should be 100% on the small screen, 30-33% on the middle screen (if you always have three), and for that you need to come to the bigger screen.

If you add it to the basic element, the CSS-line - eg UL . 

  Text-align: justification; & Amp ;: after {content: ''; Width: 100%; Display: Inline-block;

Comments

Post a Comment