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)