Importing a css file in bootstrap react

Question

Importing a css file in bootstrap react.

For navigation, an additional header.css file will be used. In bootstrap without react I embed the file as follows:

<Nav class="navbar-abc-header navbar-default navbar-fixed-top">

In bootstrap react this entry does not work.

        render ( ) {
            return (
                <Navbar navbar-abc-header fixedTop>
        ...
        );
    }

I can use <Navbar inverse fixedTop> but not my own css file.

As we the css file included right?

IIRC, reactjs uses className="classesgoeshere"

naslund
– naslund

2016-09-22 08:08:18 +00:00
Commented Sep 22, 2016 at 8:08 — naslund
– naslund, Commented Sep 22, 2016 at 8:08

Harkirat Saluja · Accepted Answer · 2016-09-22 08:51:02Z

1

You need to use className in reactjs. class in a reserved keyword javascript hence you cannot use the same for defining CSS classes.

<Nav className="navbar-abc-header navbar-default navbar-fixed-top">

answered Sep 22, 2016 at 8:51

Harkirat Saluja

8,1145 gold badges53 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Importing a css file in bootstrap react

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related