How to align 2 divs on the same line?

Question

Bootstrap

Screenshot: https://imgur.com/a/yPzzQ
I understand that this is overly simple, but I can't figure out how I can use bootstrap to align all elements on one line? In this case, "sansara" as a logo.

Answer 1

Use the bootstrap grid, by default it is divided into 12 sections, so divide the sections as you need

<div class="container">
        <div class="row">
            <div class="col-md-3">Это к примеру для логотипа</div>
            <div class="col-md-9">Это к примеру для меню</div>
        </div>
    </div>

Answer 2

In this case, you can set the logo to display: inline-block. And the navigation is float:right. Perhaps add clearfix to the parent block