Как вставить div в конец строки в начальной загрузке?

Question

У меня есть разметка вроде этого:

<div class="wrapper">
    <div class="row">
        <div class="col-md-4"></div>
    </div>
    <div class="next-to-div"></div>
</div>

Я хочу разместить div.next-to-div рядом с div.col-md-4.Если я использую эту разметку, то, очевидно, она поместит этот div в новую строку.Пожалуйста, помогите!

Answer 1

Вы можете создать контейнер d-flex и использовать justify-content-between для разделения div ...

<div class="wrapper container-fluid d-flex justify-content-between">
    <div class="row flex-grow-1">
        <div class="col-md-4">col 4</div>
    </div>
    <div class="next-to-div">next dov</div>
</div>

https://www.codeply.com/go/F3r1GeXCoF

Answer 2

Поместите свой div.next-to-div в div.row

<div class="wrapper">
    <div class="row">
        <div class="col-md-4"></div>
        <div class="next-to-div"></div>
    </div>
</div>