960 그리드 : 그리드리스트를 만드는 적절한 방법

Question

960 그리드를 사용할 때 정보 목록을 만드는 올바른 방법은 무엇입니까? 정보 목록으로, 저는 특별히 목록 상자 또는 html 컨트롤이 아닌 페이지에 사용자를 표시 할 데이터 목록을 나타냅니다.

예를 들어, 기본 페이지 (http://stackoverflow.com/)로 이동하여 'Top Questions'목록을보십시오. 같은 유형의 목록을 얻고 싶지만 960g를 사용하고 싶습니다.

Answer 1

960gs는 페이지를 그리드로 나누어 콘텐츠의 다른 섹션으로 나누는 한 방법입니다. 해당 섹션에 콘텐츠를 넣기 시작하면 다소 관련성이 없어집니다.

데이터 목록이있는 경우 <ul> 또는 <ol>에 하나 이상의 <li> 개 요소가 포함 된 표준 목록 마크 업을 사용하십시오.

당신이 (당신의 예에 따라) 표 데이터가있는 경우, 다음 테이블 마크 업을 사용 - 적절한 <caption>, <thead>, <tfoot>, <tbody>, <tr>, <th> 및 <td> 요소가 <table>.

Answer 2

당신은

http://jsfiddle.net/Zm627/1/

<div class="container_12"> 
    <div class="grid_12 row"> 
     <div class="grid_1 alpha"> 
      1 Vote   
     </div> 
     <div class="grid_1"> 
      1 Answer 
     </div> 
     <div class="grid_1"> 
      17 Views 
     </div> 
     <div class="grid_9 omega"> 
      <div class="grid_12"> 
       <div class="grid_6"> 
        Find variations between two database tables effciently 
       </div>  
      </div> 

      <div class="grid_12"> 
       <div class="grid_6"> 
        <button>sql-server</button>              
        <button>database</button> 
        <button>tsql</button> 
        <button>replication</button> 
       </div>  
      </div> 
     </div> 
    </div> 
</div>​