Speakers in Bootstrap not working

Question

I’m trying to put the company logo on the left side and the title on the right side with Bootstrap, but it’s not working. When I put the code down, it’s underneath each other. I’m using version 4.0. Look:

<div style="border-bottom: 1px solid #54310B;background-image: url('images/b1.jpg');min-height: 280px; text-align:left;">
   <div class="container">
      <div class="col-md-4">
      <img src="images/logo.png" style="width: 180px; margin-top: 80px; z-index: 99999999999; position: relative;">
      </div>
      <div class="col-md-8">Nossa História</div> 
   </div>
</div>

Answer 1

You forgot to enter the .row, then I would stay this way:

<div style="border-bottom: 1px solid #54310B;background-image: url('images/b1.jpg');min-height: 280px; text-align:left;">
    <div class="container">
        <div class="row">
            <div class="col-md-4" style="border: 1px red solid;">
                <img src="images/logo.png" style="width: 180px; margin-top: 80px; z-index: 99999999999; position: relative;">
            </div>
            <div class="col-md-8" style="border: 1px red solid;">Nossa História</div>
        </div>
    </div>
 </div>

Illustration of how it will look (as you requested)