Bootstrap only provides styling for the form in this example. I changed the width, but I cant find a way to center the container.

You don’t have to use Bootstrap, it will function the same way without it. Im developing a website using react-bootstrap, and I have a container whose width needs to be changed to 60, and still be centered. I also imported the components I used from React Bootstrap. Creating the Formįirst, I created a component AddMealForm and imported the useState hook from React and set state for the form. React-Bootstraps clean syntax and straightforward components make responsive design simple to implement on any project. As I set out to create a meal tracker app using the exchanges, I knew I had to figure out a way for them to be able to add ingredients to their recipes and update the quantities of those ingredients. She uses the diabetic exchange list, similar to the point system in Weight Watchers, to help simplify eating for her clients and help them meet their goals. In this project, I was making a meal tracking app for my wife’s business Lovely Nutrition. If you plan on customizing the Bootstrap Sass files, or don't want to use a CDN for the stylesheet, it may be helpful to install vanilla Bootstrap as well. I wanted to them to be able to add more than one character to their quest, by selecting characters from the game, but I didn’t know how. The best way to consume React-Bootstrap is via the npm package which you can install with npm (or yarn if you prefer). For example, in my previous project I created a form where the user could create a quest for a game. Since I began programming at Flatiron School I have wanted to create a form with a flexible number of inputs.

React bootstrap