пользовательских DIV панель CSS

Question

Могу ли я создать CSS панель так же, как ниже начальной загрузки CSS скрипт без использования начальной загрузки библиотеки

<style type="text/css"> 

.panel-custom-horrible-red { 
    border-color: #ff0000; 
} 
.panel-custom-horrible-red > .panel-heading { 
    background: #ff0000; 
    color: #ffffff; 
    border-color: #ff0000; 
} 
</style> 

HTML

<div class="panels panels-custom-horrible-red"> 
    <div class="panels-heading"> 
     <h3 class="panel-title">Panel title</h3> 
    </div> 
    <div class="panel-body"> 
     Panel content 
    </div> 
</div> 

Можно ли создать панель автономный CSS без библиотеки ловушек. Many Thanks

Answer 1

Как это для начала. Число после «окна» относится к тому, сколько вы хотите поместиться в строке, и вам нужно настроить ширину этого класса ящиков в css соответственно, 33% для 3, 25% для 4 и т. Д.

.box { 
 
    position: relative; 
 
    width: 100%; 
 
    background-color: pink; 
 
} 
 
.box2 { 
 
    position: relative; 
 
    float: left; 
 
    width: 49.5%; 
 
    border: 2px solid black; 
 
    background-color: lightblue; 
 
} 
 
.clear-float { 
 
    clear: both 
 
}

<div class='box'> 
 
    <div class='box2'> 
 
    contained box 
 
    </div> 
 
    <div class='box2'> 
 
    contained box 
 
    </div> 
 
    <div class='box2'> 
 
    contained box 
 
    </div> 
 
    <div class='clear-float'> 
 
    </div> 
 
</div>