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
  • NodeBB recent cards customisation

    Solved Customisation nodebb recent cards
    3
    1
    2 Votes
    3 Posts
    1k Views
    JAC
    @phenomlab thank you very much for the assistance Mark, massively appreciated as always. The great thing about this is it’s all documented for other NodeBB users that come looking for solutions . Looks far better .
  • Bug in Nodebb route when clicking title

    Moved Configure nodebb
    3
    2 Votes
    3 Posts
    1k Views
    Panda
    Ah silly me, thanks for finding that!
  • Whitespace fixes in Nodebb

    Solved Customisation nodebb
    18
    2
    7 Votes
    18 Posts
    6k Views
    phenomlab
    @Panda Just circling back here with something of an update (which I think you’ll like). I’ve completely restructured the ranking system. There are now less ranks, with a higher point threshold to reach them. More importantly, if you reload the site, you’ll notice that the ranks are now icons. I also removed the “Author” badge, and made this a single icon, which (to me) looks much better.
  • Composer options on nodebb

    Solved Configure nodebb
    8
    1
    3 Votes
    8 Posts
    3k Views
    phenomlab
    @Panda You should be able to expose the CSS for these using F12 to get into console [image: 3591518c-e3a3-4ada-a43c-6b32a5e0359c-image.png] [image: a2b8ed46-4157-4ff2-85f0-576543380107-image.png] That should then expose the element once selected [image: 89d9c545-a47a-40d1-98f4-80cf3b958e8f-image.png] Here’s the below CSS you need based on the screenshot provided. .composer .formatting-bar .formatting-group li[data-format="picture-o"], .composer .formatting-bar .formatting-group li[data-format="spoiler"] { display: none; }
  • Want to use Sudonix themes ?

    Chitchat themes nodebb
    80
    1
    34 Votes
    80 Posts
    30k Views
    cagatay
    omg thank you Mark.
  • NodeBB: The global Search option

    Solved Configure search nodebb
    5
    0 Votes
    5 Posts
    1k Views
    phenomlab
    @mventures Yes, exactly. The other icon will restart NodeBB whilst the first icon I referenced will rebuild (recompile) it. The huge strength of NodeBB over Flarum (for example) is that the code is precompiled, and called once at boot. PHP’s code has to repeatedly reload code from source making it much slower.
  • 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