LATEST RELEASE:  FPP 7.5 - Download from here -



Welcome, Guest.
Please login or register.
Forgot your password?

+-Site Stats

Total Members: 16442
Latest: Rubbermonster
New This Month: 12
New This Week: 5
New Today: 1
Total Posts: 132521
Total Topics: 16429
Most Online Today: 126
Most Online Ever: 7634
(January 21, 2020, 02:14:03 AM)
Users Online
Members: 0
Guests: 91
Total: 91

Why a custom/minimized bootstrap implementation in fpp?

Started by jcross, February 07, 2024, 10:17:26 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.


I started working on modernizing one of my plugins and actually building a UI for another one (remote donation box/push to hear music system) I've been playing with for the last few years and noticed several standard bootstrap classes are not working (like d-none).

I noticed that we aren't running a full bootstrap implementation and I'm just curious what the reasons are?

I was able to add in the specific classes with media breakpoints I need but it just doesn't feel right to have to do that.

Thanks :)



This one might require some input from some of the guys who worked on the UI redesign a few major FPP versions ago.  During the redesign, one of our requests was to keep things simpler, we didn't want to have to learn multiple frameworks or a single complex framework in order to be able to go in and make simple UI changes.  That could have been part of the reason behind using a slimmed down version.  If there are things that make sense to add and they don't balloon up the code base or effort involved to maintain the UI and they don't break anything, then I don't think we are opposed to adding any missing bits to get desired functionality.


yeah that makes sense.  I did play around a bit adding in the full bootstrap library to my dev instance but yeah it broke everything, which was expected.

It would be nice to add in the media breakpoint classes, but since I believe that is the core of boostrap it may not be possible.

Specifically for my purposes I added the following into the plugins main script file and it does what I'm needing it to.
<style scoped>
  @media screen and (min-width: 0px) {
    .d-none { display: none!important; }
    .d-inline { display: inline; }
    .d-block { display: block; }
    .d-table-cell { display: table-cell!important; }

  @media screen and (min-width: 992px) {
    .d-none { display: none!important; }
    .d-inline { display: inline; }
    .d-block { display: block; }
    .d-table-cell { display: table-cell!important; }
    .d-lg-none { display: none!important;}
    .d-lg-inline { display: inline; }
    .d-lg-block { display: block; }
    .d-lg-table-cell { display: table-cell!important; }

Support FPP

+- Recent Topics

No RPIW281x on FPP 7.5? by tbone321
Today at 03:45:16 PM

Does FPP only suport panels listed in the single panel size drop down list? by Rubbermonster
Today at 07:54:19 AM

Second WS* strand not working? by MikeKrebs
May 17, 2024, 09:25:24 PM

Linsn receiver card setup by darylc
May 17, 2024, 05:55:46 AM

Control ESPixelStick with FPP (it's work with xligth) by Sawdust
May 15, 2024, 08:39:34 AM

Falcon F16V4 not receiving FPP data by tbone321
May 14, 2024, 09:43:33 PM

Power Draw for Board by darylc
May 11, 2024, 08:47:52 PM

Ethernet ports stopped communicating with pc by StickyWicket
May 10, 2024, 06:00:58 PM

Big Buttons update! by ScaryJerry
May 10, 2024, 11:49:11 AM

1 button several playlist/sequence by Tomtom29
May 10, 2024, 08:59:20 AM

Powered by EzPortal
Powered by SMFPacks Menu Editor Mod