Skip to Content Skip to Menu

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

Bootstrap width setting

  • activha
  • activha
  • ONLINE
  • Posts: 2327
  • Thanks: 117
  • Karma: 13
11 years 9 months ago #218152 by activha
Bootstrap width setting was created by activha
Hello
Bootstrap is an excellent choice but we would need to be able to set a few things to adapt it to small screen devices

For now it seems that the adaptation to mobile designs begin with a very large screen, under 650px or something like this.

We would need to make it adapt only under 300px screens (smarphones)

Could you help me do this and tell me where the setting is located ? for instance CB activity and CB articles does not show well on 598px screens, they should not display in lines but in regular columns (see screenshot)
Attachments:

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48454
  • Thanks: 8280
  • Karma: 1443
11 years 9 months ago #218194 by krileon
Replied by krileon on topic Re: Bootstrap width setting
CB Bootstrap only styles CB. What you're seeing is CB Activity, which uses the CSS provided by Bootstrap with just a namespace applied. Simply edit the CB Activity template CSS file and adjust the media widths to whatever you like.


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.
The following user(s) said Thank You: activha

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

  • activha
  • activha
  • ONLINE
  • Posts: 2327
  • Thanks: 117
  • Karma: 13
11 years 9 months ago #218210 by activha
Replied by activha on topic Re: Bootstrap width setting
OK nice !

Do you plan to make it a setting in future releases so that we can set the min width for mobile devices ?
768px is way to big, display is very nice on iPhone with 320px

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

  • krileon
  • krileon
  • ONLINE
  • Posts: 48454
  • Thanks: 8280
  • Karma: 1443
11 years 9 months ago #218219 by krileon
Replied by krileon on topic Re: Bootstrap width setting
No, I use whatever CSS Twitter Bootstrap provides. My exact steps are as follows.

1. Go to twitter.github.com/bootstrap/customize.html
2. Fix sprite paths
3. Download
4. Extract CSS file
5. Add name space using regex
6. Add to template CSS file

Beyond that there is literally no changes made to Twitter Bootstrap CSS provided to me. So it's using the 3 available responsive design layouts, which you can see the default widths on the page linked above.


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