In Chapter 1, Advanced TypeScript Features, we looked at the basics of creating a UI using Bootstrap. We will take the same basic page and adjust it to fit our needs with a couple of little tweaks. Our starting point is this page, which stretches across the full width of the screen by setting the container to use container-fluid, and divides the interface into two equal parts by setting col-lg-6 on both sides:
<div class="container-fluid"> <div class="row"> <div class="col-lg-6"> </div> <div class="col-lg-6"> </div> </div></div>
When we add our text area and label components to our form, we find that rendering them in this row does not automatically expand them to fill the height of the screen. We need to make ...
