React-boostrap NavBar FormControl and Buttons how to control left alignment and size in fluid layout

Question

I learn rectjs and use the react-bootstrap NavBar. I use the suggest breakpoints from Media Queries docs and it looks like this:

Here is my Media Queries breakpoints: