Comment faire pour colonne de gauche fixe et à droite de défilement dans le Bootstrap 4, sensible?

Je suis en utilisant Angulaire 4, Bootstrap 4 et essaie de mettre en place un fixe à défilement à droite de la div et fixe gauche de la div. Il devrait très similaire à ce que Trulia a.

Bootstrap abandonné l'Affixe jQuery plugin dans la version 4, donc cette méthode n'est plus valable, ils recommandent d'utiliser la position: collant, mais je ne peux pas le faire fonctionner.

S'il vous plaît aider!

index.html

<div class="container-fluid">
  <div class="row h-100">
    <div class="col-md-6">
      <div id="left-container">
        <div class="search-property">
          <input type="text">
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div id="right-container">
        <app-home-right></app-home-right>
      </div>
    </div>  
  </div>
</div>

style.css

#left-container {
  height: 100%;

  position: fixed;
  width: inherit; 
}

#right-container {
  position: absolute;
}

.search-property {
  position: relative;
  top: 50%;
  transform: perspective(1px) translateY(-50%);
  margin-left: 50%;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.border {
  border: 1px solid black;
}

OriginalL'auteur Isak La Fleur | 2017-05-20