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
  • NodeBB v4.0.0

    General nodebb sudonix version 4
    28
    4 Votes
    28 Posts
    8k Views
    phenomlab
    @Panda said in NodeBB v4.0.0: the workings of World aren’t intuitive Its not easy to get World populating when a forum is new to it This is a good point and one I’ve considered also. It’s a little confusing to be honest.
  • Bug Report

    Solved Bugs nodebb bugs
    47
    1
    26 Votes
    47 Posts
    20k Views
    phenomlab
    @crazycells Good points, thanks. I completely forgot that classes are added - makes life much simpler! EDIT - seems this is pretty straightforward, and only needs the below CSS .upvoted i { color: var(--bs-user-level) !important; } This then yields [image: 3f072f8a-ebfa-4910-8723-73c493b8e4eb-image.png] However, the caveat here is that the .upvoted class will only show for your upvotes, and nobody else’s. However, this does satisfy the original request however I would love to see my upvoted posts more clearly, because currently, when I upvote, nothing on the post tool is changing, it would be nicer if there is an indication that I have upvoted (like a filled or colored triangle?)
  • adding some console.log to Nodebb

    Solved Customisation nodebb
    4
    1 Votes
    4 Posts
    2k Views
    phenomlab
    @eeeee if you’re using the console, you could try node app.js > app.log 2>&1 This would redirect stdout to a file named app.log and redirect stderr to stdout. I’m not sure about standard logging under NodeBB, but there is an error log located at logs/error.log. Failing that, you could always stop the NodeBB service then use ./nodebb dev from the console which would then provide debug output.
  • nodebb loading emojis

    Solved Configure nodebb emojis
    16
    1
    1 Votes
    16 Posts
    6k Views
    phenomlab
    @DownPW sure. Let me have a look at this in more detail. I know nginx plus has extensive support for this, but it’s not impossible to get somewhere near acceptable with the standard version. You might be better off handling this at the Cloudflare level given that it sits in between the requesting client and your server.
  • Chevron up before & after

    Solved Configure nodebb
    11
    1
    4 Votes
    11 Posts
    3k Views
    cagatay
    @crazycells you are right thank you.
  • How to downgrade plugin version on NodeBB

    Solved Customisation downgrade nodebb
    11
    3 Votes
    11 Posts
    4k Views
    phenomlab
    @cagatay no problems
  • background color of the footer area

    Solved Customisation nodebb
    7
    1
    7 Votes
    7 Posts
    4k Views
    crazycells
    @phenomlab thank you very much
  • 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.