Skip to content
Sudonix

Bootstrap Version

Solved Customisation
8 2 2.6k 1
  • Madchatthew
    Madchatthew
    Madchatthew
    wrote on
    #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.

    1
  • Madchatthew Madchatthew

    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.

    phenomlab
    phenomlab
    phenomlab
    wrote on
    #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.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • phenomlab phenomlab

    @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
    Madchatthew
    Madchatthew
    wrote on
    #3

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

    1
  • phenomlab phenomlab has marked this topic as solved on
  • Madchatthew Madchatthew

    @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
    phenomlab
    wrote on
    #4

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

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab

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

    Madchatthew
    Madchatthew
    Madchatthew
    wrote on
    #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.

    0
  • Madchatthew Madchatthew

    @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
    phenomlab
    phenomlab
    wrote on
    #6

    @Madchatthew makes sense 👍

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    1
  • phenomlab
    phenomlab
    phenomlab
    wrote on
    #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.

    Mark Cutting also advises organisations as a Fractional CIO, Fractional CISO and Executive Advisor, helping boards improve technology governance, cyber resilience and executive decision making. Learn more at Gratmore Ltd

    0
  • phenomlab phenomlab

    @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
    Madchatthew
    Madchatthew
    wrote on
    #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

    1
Log in to reply

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
  • Madchatthew

    TNG + Nodebb

    General tng genealogy nodebb plugin
    4
    0 Votes
    4 Posts
    2k Views
    phenomlab
    @Madchatthew said in TNG + Nodebb: you have to try and use duck tape and super glue to change something to make it do what you want it to do I couldn’t have put that better myself.
  • Panda

    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.
  • Panda

    Nodebb design

    Solved General nodebb
    2
    1 Votes
    2 Posts
    1k Views
    phenomlab
    @Panda said in Nodebb design: One negative is not being so good for SEO as more Server side rendered forums, if web crawlers dont run the JS to read the forum. From recollection, Google and Bing have the capability to read and process JS, although it’s not in the same manner as a physical person will consume content on a page. It will be seen as plain text, but will be indexed. However, it’s important to note that Yandex and Baidu will not render JS, although seeing as Google has a 90% share of the content available on the web in terms of indexing, this isn’t something you’ll likely lose sleep over. @Panda said in Nodebb design: The “write api” is preferred for server-to-server interactions. This is mostly based around overall security - you won’t typically want a client machine changing database elements or altering data. This is why you have “client-side” which could be DOM manipulation etc, and “server-side” which performs more complex operations as it can communicate directly with the database whereas the client cannot (and if it can, then you have a serious security flaw). Reading from the API is perfectly acceptable on the client-side, but not being able to write. A paradigm here would be something like SNMP. This protocol exists as a UDP (UDP is very efficient, as it is “fire and forget” and does not wait for a response like TCP does) based service which reads performance data from a remote source, thus enabling an application to parse that data for use in a monitoring application. In all cases, SNMP access should be “RO” (Read Only) and not RW (Read Write). It is completely feasible to assume complete control over a firewall for example by having RW access to SNMP and then exposing it to the entire internet with a weak passphrase. You wouldn’t do it (at least, I hope you wouldn’t) and the same ethic applies to server-side rendering and the execution of commands.
  • mventures

    NodeBB: updating Admin details not working

    Solved Configure nodebb admin
    17
    3 Votes
    17 Posts
    5k Views
    phenomlab
    @mventures Ok. No issues
  • cagatay

    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
  • JAC

    NodeBB templates

    Locked Chitchat themes templates nodebb
    12
    4 Votes
    12 Posts
    5k Views
    phenomlab
    Placing this here for reference https://sudonix.com/topic/216/nodebb-js-script-css-theme-switcher Further information and posts can be found at this link
  • crazycells

    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
  • DownPW

    [NODEBB] Wallpapers BUG on Firefox Mobile ?

    Solved Customisation nodebb wallpaper firefox mobile
    9
    1
    0 Votes
    9 Posts
    3k Views
    phenomlab
    @downpw I’m inclined to agree with this. There isn’t much else you can do, and provided it works with no odd looking artefacts in other browsers, then ok. The :before and :after are pseudo classes and very well supported across all browsers (except perhaps Internet Exploder, but who uses that these days ?)