Custom Interface - Framework

Framework

Custom Interface - Framework

Framework

UCCS websites use a Bootstrap framework to organize content. This framework makes use of a 12 grid system. Below is a table of this grid system as well as the tag associated with each section.

span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1
 span 4  span 4  span 4
span 4 span 8
span 6 span 6
span 12

Code

Below is the corresponding tags that go with each column.

<div class="col-xs-1"></div>
<div class="col-xs-4"></div>
<div class="col-xs-6"></div>
<div class="col-xs-8"></div>
<div class="col-xs-12"></div>