Bootstrap - wie mit Bootstrap Raster eine Reihe ohne Umbruch für schmale Displaygröße bauen?

[ebody]

Ich glaube, ich habe die Lösung. Ich musste dem Elternelement des Button nur eine feste Breite geben. <div class="col-sm-2 col-md-1 col-lg-1" style="text-align:center; width: 75px">

Jetzt bricht es nicht mehr um und auch der Abstand zwischen Button und Input bleibt jetzt gleich.

<div class="container" id="data-feed-container">
  <div class="container m-3" id="searchbar">
    <div class="row align-items-center">
      <div class="col-sm-2 col-md-1 col-lg-1" style="text-align:center; width: 75px">
        <input type="checkbox" id="btncheck" name="btncheck">
        <label class="btn btn-primary" for="btncheck"><i class="fas fa-arrow-alt-circle-right p-1"></i></label>
      </div>
      <div class="col">
        <input type="search" placeholder="Search..." class="form-control form-control-lg">
      </div>
    </div>
  </div>
</div>

#data-feed-container{
  border: solid 1px #337ab7
}

#searchbar input[type="checkbox"]{
  display: none;
}

#searchbar input[type="search"]{
/*   width: auto; */
}

#searchbar{
  width: auto;
  padding: 25px;
}

Gruß ebody