Skip to content

Instantly share code, notes, and snippets.

@ryancole
Created October 30, 2019 00:30
Show Gist options
  • Save ryancole/c96216aa2a399e07651ac4cac53189a5 to your computer and use it in GitHub Desktop.
Save ryancole/c96216aa2a399e07651ac4cac53189a5 to your computer and use it in GitHub Desktop.
use bootstrap to create fillable content divs
#parent {
height: 300px;
}
<div class="container mt-5">
<div class="row p-1 bg-primary" id="parent">
<div class="col d-flex flex-column bg-warning">
<div class="row mb-1 bg-secondary">
<div class="col">
I'd like this to be able to be whatever height based on the content
</div>
</div>
<div class="row bg-secondary flex-grow-1">
<div class="col">
I want this to just take up the remaining height of the parent row
</div>
</div>
</div>
</div>
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment