CSS를 사용하는 부트 스트랩 행의 동적 열

Question

나는 통과 한 값에 따라 부트 스트랩 행을 다른 색상으로 나누고 싶습니다. 나는 백분율로 전달하고 싶다. 내 비율은 30,40,20, 10, 내 div는 녹색, 빨간색, 노란색, 보라색 같은 비율로 표시되어야한다고 해봅시다.

내 비율이 동적이며 변경됩니다. 어떻게해야합니까?

코드는 매우 간단합니다

<div class="row"> 
<div class="twenty"></div>  
<div class="forty"></div> 
<div class="ten"></div> 
<div class="thirty"></div> 
</div> 

나는

Answer 1

것은 그들에게 부여 각도이 구성 요소를 사용하여 클래스 값을 전달하고 ID의

<div class="row"> 
<div class="your_class" id="first_row"></div> 
<div class="your_class" id="second_row"></div> 
</div> 

그리고 당신이 원하는 CSS를 쓸

#first_row { 
    ... !important; /* in some cases */ 
}