Fixed Grid Container

Flexibility & Ease of Design With All Devices

Rule of thumb

The grid set family can reside within a fixed containing block without losing it flow property and still maintain its balance when shrunk or change with different breakpoints.

General Setup

Fixed Width 960px

The identifier is the container-fixed-960, learn more about container.

 
    <div class="container-fixed-960">
      <div class="row ">
        <!-- Two mixed sample -->
        <div class="g16-mc-8"></div>
        <div class="g16-mc-8"></divpx>
      </div>
    </div>

Fixed Width 1024px

The identifier is the container-fixed-1024, learn more about container.

 
    <div class="container-fixed-1024">
      <div class="row ">
        <!-- Two mixed sample -->
        <div class="g16-mc-8"></div>
        <div class="g16-mc-8"></divpx>
      </div>
    </div>

Fixed Width 1200px

The identifier is the container-fixed-1200, learn more about container.

 
    <div class="container-fixed-1200">
      <div class="row ">
        <!-- Two mixed sample -->
        <div class="g16-mc-8"></div>
        <div class="g16-mc-8"></divpx>
      </div>
    </div>

Fixed Width 1280px

The identifier is the container-fixed-1280, learn more about container.

 
    <div class="container-fixed-1280">
      <div class="row ">
        <!-- Two mixed sample -->
        <div class="g16-mc-8"></div>
        <div class="g16-mc-8"></divpx>
      </div>
    </div>

Fixed with 960px

Fixed with 1024px

Fixed with 1200px

Fixed with 1280px