Fill remaining height with Bootstrap

Question

I have a web page. My web page uses Bootstrap version 3. Currently, it looks something like this: ```

Stuff here

Other stuff here

[Main content goes here]

Other text goes here

Some text goes here

``` I need the `div` with the id "fillAvailableSpace" to fill the available height of the screen with the exception of the size of the first row and the last row. How do I fill the remaining available height of a page with Bootstrap?

Accepted Answer

Try something like below:

```
Element-name {
display: inline-flex;
height: 100%;
}
```

Fill remaining height with Bootstrap

Solution

Problem