title: Placing Divs "inline" in Bootstrap
body: <p>I'm using Bootstrap and I'm  having trouble placing two divs next to each other. I've tried <strong>display: inline</strong> and that makes it look even worse. I created a div to hold them both called <strong>steven-and-leah</strong> and got the same result, however if use a specific type of inline such as <strong>inline-flex</strong> I get a result which near what I want, but they are too close together and cannot be separated when using that.</p>
  
  <p>I'm sorry if this isn't specific enough, but I don't notice anything that even effects the code.</p>
  
  <pre><code>.steven-and-leah{
    display: inline;
  }
  
  .team-bx{
    width: 500px;
    height: 570px;
    margin-top: 80px;
    border: 5px solid #FFF;
    border-radius: 120px;
    padding: 20px 0px 20px 0px;
    overflow: hidden;
    background-color: #111924;
  }
  </code></pre>