Skip to content

Bootstrap Version

Solved Customisation
8 2 2.6k 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
  • Where are widgets stored?

    Solved Configure nodebb
    3
    1 Votes
    3 Posts
    1k Views
    Panda
    @phenomlab Thanks, have DMed you
  • 36 Votes
    55 Posts
    30k Views
    phenomlab
    @DownPW I see why. The code relies on the existence of [component="topic/quickreply/container"] However, this by definition means that the below has to be enabled [image: aeef638f-4188-489d-a9f2-f3a26dbca9d8-image.png] It will then work [image: 7fb38631-e0f3-46ef-b652-00929d927b13-image.png] For some unknown reason, this is hidden in Harmony, and only shows if you select it. In v2, it seems that the <section> is deleted altogether in Persona if “Quick Reply” is disabled, meaning it won’t fire as it can’t locate that specific component. The downside is that you might not want the quick reply function, but I think it’s a PITA to scroll up to the top of the post just to reply, so I have it on
  • How to downgrade plugin version on NodeBB

    Solved Customisation downgrade nodebb
    11
    3 Votes
    11 Posts
    4k Views
    phenomlab
    @cagatay no problems
  • Changing Background on NodeBB

    Solved Customisation background image nodebb
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @cagatay You’d target the body tag and use the below line of CSS background: url(/assets/customcss/backgrounds/default/default.png) no-repeat center center fixed; Obviously, you need to change the path to suit where your image is being stored. More info around the background property can be found here https://www.w3schools.com/cssref/css3_pr_background.php
  • Adding fileWrite to nodebb code

    Solved Configure nodebb
    16
    1
    5 Votes
    16 Posts
    5k Views
    phenomlab
    @eveh this might be a question for the NodeBB Devs themselves. In all honesty, I’m not entirely sure without having to research this myself.
  • Node Version

    Customisation nodebb version
    4
    1 Votes
    4 Posts
    2k Views
    phenomlab
    @Madchatthew No issues. Thanks
  • NodeBB slow after DB recovery

    Solved Performance performance nodebb
    1
    5 Votes
    1 Posts
    967 Views
    No one has replied
  • CSS codes for fa-info icon

    Solved Customisation nodebb
    9
    1
    6 Votes
    9 Posts
    3k Views
    crazycells
    I have just figured it out… it can be targeted with text-decoration-color: I was mistakenly using color