title: ListGroupItem and Button from react-bootstrap in the same line
body: <p>Im making my first react ptoject. Im new in JS, HTML, CSS and even web app programing.</p>
  
  <p>What i try to do, is to display buttons in the same line (with some margin) with my <code>ListGroupItem</code>.</p>
  
  <p>My code below (<code>Project.js</code>):</p>
  
  <pre><code>import React, { Component } from "react";
  import { ListGroupItem, Button, ButtonToolbar } from "react-bootstrap";
  
  class Project extends Component {
    render() {
      return (
        &lt;ButtonToolbar&gt;
          &lt;ListGroupItem href="#link1"&gt;{this.props.project.name}&lt;/ListGroupItem&gt;
          &lt;Button bsStyle="primary"&gt;Primary&lt;/Button&gt;
        &lt;/ButtonToolbar&gt;
      );
    }
  }
  
  export default Project;
  </code></pre>
  
  <p>And an image, what i want to make:</p>
  
  <p><a href="https://i.stack.imgur.com/7WKsp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7WKsp.png" alt="enter image description here"></a></p>
  
  <p>Thanks for any advices! If you have more questions, please write in comment below</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I fi added</p>
  
  <pre><code>.btn-toolbar {
    display: flex;
  }
  </code></pre>
  
  <p>to my <code>App.css</code>, now it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/28gdR.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/28gdR.png" alt="enter image description here"></a></p>
  
  <p>Im fine with that, i like it. but now, how to make size of that white bar static?</p>