Форматирование сетки как div в css

Question

Так что у меня возникли проблемы с форматированием моих данных в строки по 3, а затем 4-го начала в верхней части следующей строки. Я также делаю это в исходной CSS-структуре.

Пожалуйста, простите мой очень плохой дизайн, но это то, что я говорю: Так что снова

Stack won't let me post images, so this is a link to the image. On my github, it's safe

, я пытаюсь, чтобы мои данные (это было бы в цикле Еогеасп) организована например. Я пробовал пару вещей, но ничего не работает.

@foreach (var question in Model) 
{ 
    string link = "http://www.stackoverflow.com" + @question.QuestionLink; 

    <tr> 
     <td class="col-sm-6 col-md-4"> 
      <div class="media" style="width: 150px; float: left;"> 
       <a class=" pull-left" href="@link" style="width: auto; height: 72px;"> 
        <h4 class="media-heading">@Html.DisplayFor(modelItem => question.QuestionTitle)</h4> 
       </a> 
      </div> 
     </td> 
    </tr> 
} 

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

Это результат с текущим кодом :

Stack won't let me post images, so this is a link to the image. On my github, it's safe

Кроме того, я знаю, что это в C# HTML, но HTML/CSS часть все равно, так что если вы не знаете о той части петли Еогеасп или «@» знаки , не беспокойтесь об этом.

UPDATE HTML ТОЛЬКО ЧАСТЬ ЕСЛИ CONFUSED

<div class="container"> 
<tr> 
    <td class="col-sm-6 col-md-4"> 
     <div class="media" style="width: 150px; float: left;"> 
      <a class=" pull-left" href="link" style="width: auto; height: 72px;"> 
       <h4 class="media-heading">Title</h4> 
      </a> 
     </div> 
    </td> 
</tr> 
</div> 

Answer 1

http://jsfiddle.net/a5800uj5/

Не уверен, если это то, что вы ищете? Помните, что вы можете присвоить количество столбцов, которые одна ячейка должна покрыть colspan.

Если вы собираетесь структурировать таблицы. Все это использовалось с помощью таблиц, заголовков таблиц, строк таблицы и столбцов таблицы.