Jumbotron

Jumbotron copy used for major section intros, not functional pages

Container

Container copy. Because it has deep padding, even on mobile, it should be used for minor content.

Container-Fluid

Container-Fluid copy. This style should be used in cases for sections that contain panels/functions pertaining to the content below.

  1. Home
  2. Breadcrumbs

Card Title

This is the most useful container option for most scenarios.

Card Code


<div class="row">                        
    <div class="col-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Card Title</h4>
                This is some text within a card block.
            </div>
        </div>
    </div>
</div>

Scrolling table.

Info Note that the large scrolling tables are direct children of a .jumbotron.

To make a table that scrolls and has a fixed table head, you need to add the following attributes. First to invoke the JavaScript we use: data-toggle="table". We also need to declare a height to fit in the viewport for desktop: data-height="250". The following is used to assist for mobile to not break formatting: data-mobile-responsive="true". And if you want to enforce no text wrapping use this class: .table-nowrap.

Edit # Launch Date KDM Guideline Season Run Com/Inst Multi/Stand DMR Theatre ID SAP# SAP Cons.# Aud# Rentrak ID Circuit Theatre Seats Proj Type Sound Type HFR City State/Prov Comp Zone DMA # DMA Region Theatre Open Date Notes Status of Exhibition Ship Preshow
  1 7/21/2017 7/21/2017 - 8/1/2017 1 1 Com Multi Yes TH55 21978 21978 1 991690 AMC AMC Albuquerque 12 with IMAX 439 DGTL 6.0 Y Albuquerque NM Yes 52 Albuquerque, NM United States 12/18/15   Confirmed Yes Yes
  169 7/21/2017 7/21/2017 - 8/1/2017 1 1 Com Multi Yes TJ46 22253 22253 9 7876 AMC AMC CLASSIC Galaxy 16 with IMAX 303 DGTL 6.0 Y Waco TX   96 Waco-Temple-Bryan, TX United States 5/27/17   Confirmed Yes Yes
  170 7/21/2017 7/21/2017 - 8/1/2017 1 1 Com Multi Yes T959 21233 21233 7 903916 AMC AMC Georgetown 14 with IMAX, Dolby 244 DGTL 6.0 N Washington DC   9 Washington, DC United States 8/26/11   Confirmed Yes Yes
  171 7/21/2017 7/21/2017 - 8/1/2017 1 1 Com Multi Yes T923 21205 21205 8 991062 AMC AMC Mayfair 18 with IMAX 299 DGTL 6.0 N Wauwatosa WI   38 Milwaukee, WI United States 10/16/09   Confirmed Yes Yes
  172 7/21/2017 7/21/2017 - 8/1/2017 1 1 Com Multi Yes TH25 21934 21934 16 904468 AMC AMC Westchester 18 with IMAX, Dolby 372 DGTL 6.0 Y West Chester OH   39 Cincinnati, OH United States 12/23/13   Confirmed Yes Yes

Scrolling Table Code


<table data-toggle="table" data-height="250" data-mobile-responsive="true" class="table-striped table-nowrap">
    <thead>
        <tr>
            <th>table header</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>table cell</td>
        </tr>	
    </tbody>
</table>