MENU

react bootstrap

Bootstrap is a very popular front-end open-source toolkit. It allows you to quickly design fast and responsive mobile-first web pages, without having to know the nitty-gritty of CSS. Using Bootstrap, you can use extensive prebuilt interactive GUI components to create sites that are visually appealing on both desktop browsers and mobile devices, without touching a single line of CSS (although knowledge of CSS will allow you to finetune various aspects of the web pages). This is achieved by attaching pre-defined classes, possibly along with a few attributes, on HTML elements structured in specific ways.

React-Bootstrap replaces the Bootstrap JavaScript. Each component has been built from scratch as a true React component, without unneeded dependencies like jQuery. Each component is implemented with accessibility in mind. The result is a set of accessible-by-default components, over what is possible from plain Bootstrap.

To install React-Bootstrap:

An illustration of all the components and utilities is beyond the scope of this book. The available components are: Alerts, Accordion, Badge, Breadcrumb, Buttons, Button Group, Cards, Carousel, Close Button, Dropdowns, Figures, Forms, Input Group, Images, List Group, Modal, Navs, Navbar, Offcanvas, Overlays, Pagination, Placeholder, Popovers, Progress, Spinners, Table, Tabs, Tooltips, Toasts