<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <h2>Create your snippet's HTML, CSS and Javascript in the editor tabs</h2> </div> <div class="card-block"> <table class="table table-sm " id="service"> <thead> <th class="table-info"><label>*Service</lable></th> <th class="table-info"><label>*Launch Date</label></th> <th class="table-info"><label>*Level of Carriage</label></th> <th class="table-info"><label>Other Level of Carriage</label></th> <th class="table-info"><label>Channel#</label></th> <th class="table-info"><label>*Service Subs</label></th> <th class="table-info"><label>*Receive Signal</label></th> </thead> <tbody></tbody> </table> </div> </div>