Your data. Anywhere you go.

New Relic for iOS or Android


Download on the App Store    Android App on Google play


New Relic Insights App for iOS


Download on the App Store


Learn more

Close icon

Add Bootstrap to Nerdpack


#1

Hi, I am trying to add some bootstrap components to my Nerdpack. The steps I usually take for other react projects are not working.

First I installed and imported it:
npm install react-bootstrap bootstrap
import ‘bootstrap/dist/css/bootstrap.min.css’;

But this doesn’t seem to effect the change to the components. Are there any special steps for the Nerdpacks?

Thanks.


#2

Hey @Yasin.Isse - I posted this question to our team internally and below is the explanation I got back:

our stylesheet, side with our sdk components, also styles native components, as a best-effort strategy (so <input> looks as close as possible as a TextField>). Maybe you are having a clash with that?

They also suggested checking out our UI Components and SDK Docs:

https://developer.newrelic.com/client-side-sdk/index.html#components/


#3

Not sure if this is helpful, but there is a bootstrap theme for NR1 in GitHub. Perhaps it’ll be helpful. https://github.com/newrelic/nr1-bootstrap-theme


#4

I’m a little late to the party, but this seems to work for me:

@import '~bootstrap/dist/css/bootstrap.min.css';


#5

Oh great! Thanks for that addition @Sage.Russell :smiley: