адаптирую себя к тому, что52framework.com предложения. (HTML5, CSS3, JS framework) Несмотря на просмотр обучающего видео по сетке и осмотр другихдемонстрация исходники я не смогне понимаю, почему используется фреймворк код на 12-й строке.

Код ниже 'адрес:http://demo.52framework.com/demos/framework/grid.html

        
        52framework        
            
          
                <a href="#navigation">navigation 1</a>
                <a href="#navigation">navigation 2</a>
                <a href="http://www.enavu.com">enavu network</a>
              
            
        
    

...

Этот код ниже также из того же источника, но, как вы видите, кусок кода нене используется здесь, хотя здесь было сделано больше разделов.

    Grid Framework
    
        col_8
        
            col_1
            col_7
                
                    col_3
                    col_4
                
            
        
    
  
        col_8
        
            4
            4
        
    
  
        
            col_9
            col_7
        
    
  
        <a href="http://www.52framework.com/documentation/" class="documentation">Grid Framework Documentation</a>
    

Связанные CSS коды:

.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}

.col {
    margin-left:10px; margin-right:10px;
    display: inline;
    overflow: hidden;
    float: left;
    position: relative;
}

.row{
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}
.row .row {
    margin: 0 -10px;
    width: auto;
    display: inline-block;
}

/* Column widths, and element width based on grid */

.col_1, .width_1     {  width:40px;  }
.col_2, .width_2     {  width:100px; }
.col_3, .width_3     {  width:160px; }
.col_4, .width_4     {  width:220px; }
.col_5, .width_5     {  width:280px; }
.col_6, .width_6     {  width:340px; }
.col_7, .width_7     {  width:400px; }
.col_8, .width_8     {  width:460px; }
.col_9, .width_9     {  width:520px; }
.col_10, .width_10   {  width:580px; }
.col_11, .width_11   {  width:640px; }
.col_12, .width_12   {  width:700px; }
.col_13, .width_13   {  width:760px; }
.col_14, .width_14   {  width:820px; }
.col_15, .width_15   {  width:880px; }
.col_16, .width_16   {  width:940px; }