Skip to Main Content
Advanced TypeScript Programming Projects
book

Advanced TypeScript Programming Projects

by Peter O'Hanlon
July 2019
Intermediate to advanced content levelIntermediate to advanced
416 pages
10h 6m
English
Packt Publishing
Content preview from Advanced TypeScript Programming Projects

Building our Bootstrap UI

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 ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Learn TypeScript 3 by Building Web Applications

Learn TypeScript 3 by Building Web Applications

Sebastien Dubois, Alexis Georges

Publisher Resources

ISBN: 9781789133042Supplemental Content