Align items at the start and end of div css

Issue

I want my items in my div to align at the start and end of the div. However, I'm using bootstrap and I have no idea how do this.

Solution

You could use a flexbox with the justify-content-between class:

.main {
  border: 1px solid black;
  width: 40vw;
}

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<div class="d-flex main justify-content-between">
  <Button class="m-2">
  Button 1
  </Button>
  <Button class="m-2">
  Button 2
  </Button>
</div>

Answered By - Ignace Vau