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)

SurveyJS custom survey software

JavaScript UI Libraries for Surveys and Forms

SurveyJS lets you build a JSON-based form management system that integrates with any backend, giving you full control over your data and no user limits. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay