Как создать пользовательскую сетку или найти существующую

Question

Это сетка из приложения Silver Light. Я пишу еще одно приложение в ASP.NET MVC, которое должно иметь одинаковый внешний вид, поэтому я спрашиваю, можно ли это найти в Telerik или Bootstrap или jQuery UI? и если мне нужно построить его полностью обычным, то откуда я даже начинаю?

Answer 1

Вот абстрактные разметки, который может представлять такую ​​коробку.

<div id="criteria_container" class="search_box"> 
    <div id="criteria_operations"> 
    <span id="criteria_add" class="criteria_op">+</span> 
    <span id="criteria_subtract" class="criteria_op">-</span> 
    <span id="criteria_swap" class="criteria_op">></span> 
    </div> 
    <div id="criteria_box"> 
    <div id="criteria_header">Search Criteria</div> 
    <div id="criteria_results"></div> 
    </div> 
</div> 

Затем, как где-то начать.

Хотя я не каскадировал ни один из стилей CSS, вы можете захотеть. Прежде чем вы это сделаете, обратите внимание, что многие проблемы с вложением стилей как semantic issue, так и потенциальная неэффективность в некоторых приложениях.

#criteria_container { 
    width: 600px; 
    height: 100px; 
    border: solid 1px black; 
} 

#criteria_operations { 
    width: 10px; 
    height: 100%; 
    float: left; 
    background-color: #aaaaaa; 
    border: solid 1px black; 
} 

#criteria_header { 
    text-align: center; 
    background-color: #aaaaaa; 
    border: solid 1px black; 
} 

.criteria_op { 
} 

#criteria_box { 
    width: 588px; 
    float: right; 
}