Sitefinity Layout Control Samples

SitefinityLayoutSamples.html

  <!-- 2 col sample -->
  <div class="sf_cols">
    <div class="sf_colsOut sf_2cols_1_50">
        <div class="sf_colsIn sf_2cols_1in_50">
            
        </div>
    </div>
    <div class="sf_colsOut sf_2cols_2_50">
        <div class="sf_colsIn sf_2cols_2in_50">
            
        </div>
    </div>
  </div>
  
  <!-- 3 col sample -->
  <div class="sf_cols">
    <div class="sf_colsOut sf_3cols_1_33">
        <div class="sf_colsIn sf_3cols_1in_33">
            
        </div>
    </div>
    <div class="sf_colsOut sf_3cols_2_34">
        <div class="sf_colsIn sf_3cols_2in_34">
            
        </div>
    </div>
    <div class="sf_colsOut sf_3cols_3_33">
        <div class="sf_colsIn sf_3cols_3in_33">
            
        </div>
    </div>
  </div>
  
  <!-- 4 col sample -->
  <div class="sf_cols">
    <div class="sf_colsOut sf_4cols_1_25">
        <div class="sf_colsIn sf_4cols_1in_25">
            
        </div>
    </div>
    <div class="sf_colsOut sf_4cols_2_25">
        <div class="sf_colsIn sf_4cols_2in_25">
            
        </div>
    </div>
    <div class="sf_colsOut sf_4cols_3_25">
        <div class="sf_colsIn sf_4cols_3in_25">
            
        </div>
    </div>
    <div class="sf_colsOut sf_4cols_4_25">
        <div class="sf_colsIn sf_4cols_4in_25">
            
        </div>
    </div>
  </div>

  <!-- 5 col sample -->
  <div class="sf_cols">
    <div class="sf_colsOut sf_5cols_1_20">
        <div class="sf_colsIn sf_5cols_1in_20">
            
        </div>
    </div>
    <div class="sf_colsOut sf_5cols_2_20">
        <div class="sf_colsIn sf_5cols_2in_20">
            
        </div>
    </div>
    <div class="sf_colsOut sf_5cols_3_20">
        <div class="sf_colsIn sf_5cols_3in_20">
            
        </div>
    </div>
    <div class="sf_colsOut sf_5cols_4_20">
        <div class="sf_colsIn sf_5cols_4in_20">
            
        </div>
    </div>
    <div class="sf_colsOut sf_5cols_5_20">
        <div class="sf_colsIn sf_5cols_5in_20">
            
        </div>
    </div>
  </div>