DEV Community

atenliao
atenliao

Posted on

Using bootstrap in react

In the modern project, we will use react framework to build a website. sometime we create our own CSS to decorate web page. However, it maybe a little bit complicate for developers since painting design is difference from code design. Thus, bootstrap is good tool to help us improve our web design. For instants, when we import *Navlink * from react-route-dom, we can apply bootstrap's classnames into NavLink components.

<NavLink className="navbar-brand fs-3" to="/" exact>Supper Pizza</NavLink>
Enter fullscreen mode Exit fullscreen mode

this bootstrap css will be used in the nav bar and save your time to design each element.
Image description
As you see, the *Nav * bar is looks pretty well, and we can use more time focus on front-end and back-end code design.

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more