Skip to content

Bootstrap Version

Solved Customisation
8 2 2.7k 1
  • wrote on last edited by
    #1

    So currently nodebb uses bootstrap 3 from what I understand. Is it possible to use a newer version of bootstrap? Or would that just interfere with the rest of the website?

    I have no problem writing custom css, it is just that boot strap is already implemented.

  • So currently nodebb uses bootstrap 3 from what I understand. Is it possible to use a newer version of bootstrap? Or would that just interfere with the rest of the website?

    I have no problem writing custom css, it is just that boot strap is already implemented.

    wrote on last edited by
    #2

    @Madchatthew I think this is going to cause conflicts - not in the sense of JS, but almost definitely CSS. I think it works best to create your own CSS.

  • @Madchatthew I think this is going to cause conflicts - not in the sense of JS, but almost definitely CSS. I think it works best to create your own CSS.

    wrote on last edited by
    #3

    @phenomlab that is what I was thinking. Probably be faster too. I won’t have to search for the right bootstrap code… Haha

  • phenomlab phenomlab has marked this topic as solved on
  • @phenomlab that is what I was thinking. Probably be faster too. I won’t have to search for the right bootstrap code… Haha

    wrote on last edited by
    #4

    @Madchatthew what are you looking to do by the way ?

  • @Madchatthew what are you looking to do by the way ?

    wrote on last edited by
    #5

    @phenomlab oh I was just thinking of using a newer bootstrap to design the blog page and the home page. I can use vanilla css. I just thought that bootstrap is already integrated that it would just be quicker and easier. Bootstrap 3 doesn’t have some of those newer features of course.

    Also by using plain css it will be easier to keep updated and such.

  • @phenomlab oh I was just thinking of using a newer bootstrap to design the blog page and the home page. I can use vanilla css. I just thought that bootstrap is already integrated that it would just be quicker and easier. Bootstrap 3 doesn’t have some of those newer features of course.

    Also by using plain css it will be easier to keep updated and such.

    wrote on last edited by
    #6

    @Madchatthew makes sense 👍

  • wrote on last edited by phenomlab
    #7

    @Madchatthew just read this

    https://nodebb.org/blog/roadmap-for-2022/

    Screenshot_2022-05-29-13-02-25-42_df198e732186825c8df26e3c5a10d7cd.jpg

    I do recall reading this since time ago but forgot all about it until this recent discussion. It seems that there is an intention to move away from bootstrap 3.

    I don’t think it’ll be as simple as just calling the framework you want without leveraging the newer quoted boilerplates though. Based on this, it would still be a significant effort to introduce a new framework into existing themes without there being conflicts.

  • @Madchatthew just read this

    https://nodebb.org/blog/roadmap-for-2022/

    Screenshot_2022-05-29-13-02-25-42_df198e732186825c8df26e3c5a10d7cd.jpg

    I do recall reading this since time ago but forgot all about it until this recent discussion. It seems that there is an intention to move away from bootstrap 3.

    I don’t think it’ll be as simple as just calling the framework you want without leveraging the newer quoted boilerplates though. Based on this, it would still be a significant effort to introduce a new framework into existing themes without there being conflicts.

    wrote on last edited by
    #8

    @phenomlab That will be nice once they have completed that. It will be interesting to see how long that takes. So for now I will use custom css to make it look the way I want. Frameworks just make things a little faster. Thanks @phenomlab


Did this solution help you?
Did you find the suggested solution useful? Support 💗 Sudonix with a coffee ☕
If your organisation needs deeper expertise around infrastructure, security, or technology leadership, learn more about Phenomlab Ltd. Many of the deeper technical guides behind Sudonix are published there.

Related Topics
  • 14 Votes
    17 Posts
    5k Views
    DownPW
    No problem dude ! I hope you have a good vacation. Enjoy your loved ones!
  • Following the API docs but its not clear ...

    Solved Customisation api nodebb
    8
    2 Votes
    8 Posts
    3k Views
    phenomlab
    @Panda you’d be surprised. If you consider that you’d need to use the API to be able to populate a WordPress widget for example (which in turn would of course be PHP), taking this route is still immensely popular.
  • NodeBB: Consent page

    Solved Configure nodebb consent
    16
    4 Votes
    16 Posts
    6k Views
    phenomlab
    @DownPW I still do not see any issues.
  • How to downgrade plugin version on NodeBB

    Solved Customisation downgrade nodebb
    11
    3 Votes
    11 Posts
    4k Views
    phenomlab
    @cagatay no problems
  • Node Version

    Customisation nodebb version
    4
    1 Votes
    4 Posts
    2k Views
    phenomlab
    @Madchatthew No issues. Thanks
  • is "night mode" shifting the forum several pixels up?

    Solved Configure nodebb
    8
    4 Votes
    8 Posts
    3k Views
    phenomlab
    @crazycells hmm. Good point. I actually use my own version of the dark mode plugin, so not entirely sure. However, I think the CSS is probably the same. I’m not at my PC currently but can check and advise later.
  • NodeBB Footer

    Solved Customisation footer nodebb
    10
    1 Votes
    10 Posts
    4k Views
    JAC
    @phenomlab said in NodeBB Footer: @jac and you. Hope all is well and you recover quickly Thanks pal
  • NodeBB Design help

    Solved Customisation
    8
    3
    2 Votes
    8 Posts
    4k Views
    phenomlab
    @riekmedia I’ve applied some new CSS to your site. Can you reload the page and try again ? For the record, this is what I added #footer { background: #2d343e; border-top: 4px solid #2d343e; font-size: 0.9em; margin-top: 70px; padding: 80px 0 0; position: relative; clear: both; bottom: 0; left: 0; right: 0; z-index: 1000; margin-left: -15px; margin-right: -338px; } The /categories page seems a bit messed up, so looking at that currently EDIT - issued some override CSS in the CATEGORIES widget <!--- CSS fix for overspill on /categories page - DO NOT DELETE --> <style> #footer { margin-right: -45px; } </style> That should resolve the /categories issue.