Skip to Content Skip to Menu

🎃 Happy Halloween! Treat yourself with an awesome discount on memberships! Get 20% off now with code SPOOKY-2024!

Bootstrap menu and tabs displayed in one line only

  • activha
  • activha
  • ONLINE
  • Posts: 2327
  • Thanks: 117
  • Karma: 13
11 years 8 months ago - 11 years 8 months ago #221326 by activha
Hello

Bootstrap adaptation to mobiles is great but we have a problem with the number of tabs or the number of menu items being displayed in mobiles such as iPhone or Android.

If we have say 15 tabs they are displayed one under the other which takes all screen of mobiles.

Could you add the ability to make the tab display in one line only with scrolling left or right with touch ?

For instance I mean can you implement Bootstrap Responsive NavBar for Menu and for Tabs ?

Which would mean that for devices under 480px screen for instance the menu bar would adapt to Responsive NavBar and the Tab bar also, which would be really nice on small touch based devices ?

twitter.github.com/bootstrap/components.html#navbar
Last edit: 11 years 8 months ago by activha.

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48459
  • Thanks: 8280
  • Karma: 1443
11 years 8 months ago #221354 by krileon
No, not yet anyway. The HTML output is not bootstrap. The display is forced using CSS. It's not completely mobile ready yet. With CB 2.0 we'll have proper bootstrap HTML output like GJ for example. Best that could be done at this time is @media tags to alter CSS based off window width.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

  • activha
  • activha
  • ONLINE
  • Posts: 2327
  • Thanks: 117
  • Karma: 13
11 years 8 months ago #221433 by activha
OK can you tell me when cb 2.0 will be available ? so that we know if it is worth waiting or adapt now.

With CB 2.0 could you make that tabs are also available as a bootstrap navbar ? so that it adapts to mobile also ?

Please Log in or Create an account to join the conversation.

  • krileon
  • krileon
  • ONLINE
  • Posts: 48459
  • Thanks: 8280
  • Karma: 1443
11 years 8 months ago #221483 by krileon

OK can you tell me when cb 2.0 will be available ?

Sometime this year.

so that we know if it is worth waiting or adapt now.

Download twitter bootstrap and review the CSS file. You'll see the @media usage, takes just a few minutes to add the different widths then override the CSS above when the width is used.

With CB 2.0 could you make that tabs are also available as a bootstrap navbar ? so that it adapts to mobile also ?

I can't make any promises or guarantees, sorry; we're still in early design phases and haven't fully decided what direction to take. Mobile ready will definitely be something we'll be supporting though.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in or Create an account to join the conversation.

Moderators: beatnantkrileon
Powered by Kunena Forum