Custom Interface - Bootstrap Framework
Custom Interface - Bootstrap 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>