부트 스트랩 3의 행 색상을 변경하는 방법은 무엇입니까?

Question

Bootstrap 3 그리드에서 번갈아가는 행의 배경색을 변경하고 싶습니다.나는 몇 가지 CSS를 만들고 div의 클래스에 그것을 추가 할 수 있다고 생각했지만 색상은 변경되지 않습니다.

여기 내 CSS가 있습니다 :

.row-buffer {
margin-top:20px;
margin-bottom:20px;
}

.row-even {
background-color:#76A0D3;
}
.row-odd {
background-color:#BDE3FB;
}

.

및 내 행이 그렇게 정의됩니다 :

<div class="row row-buffer row-even">

.

또는 :

<div class="row row-buffer row-odd">

.

행 버퍼가 완벽하게 작동하지만 행과 행 - 홀수는 아무런 차이가 있지 않은 것 같습니다.(내 행이 컨테이너 내에서 정의됩니다.)

나는 잘못된 나무를 짖고 있습니까?

Answer 1

정확한 상황을 볼 수 없으면 셀렉터 특이성으로 인해 문제가 발생하는 것으로 추측 할 것입니다.BootStrap이 단순한 .class보다 특정한 선택기가있는 경우 규칙이 오버라이드되지 않습니다.부트 스트랩보다 셀렉터에서 일치하거나 더 구체적이어야합니다.

일반적으로 많은 특이성을 얻는 쉬운 방법은 다음과 같은 선택 자에게 ID를 추가하는 것입니다.

#myrows .row-even {
    background-color:#76A0D3;
}
#myrows .row-odd {
    background-color:#BDE3FB;
}

.

특이성이 문제를 일으킬 수있는 방법의 작은 예를 생성했습니다. http://jsfiddle.net/path411/jyuy2/

Answer 2

BootStrap에서 홀수 행의 색상을 변경하기 위해 재정의 할 수있는 특정 선택기입니다.

.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #your-color;
}

.

Answer 3

테이블의 행렬을 교대로 다른 백그라운드 스타일 / 색상을 만들려고합니다.

가장 간단한 방법은 자체 묶는 태그를 추가하는 것입니다

    <AlternatingRowStyle CssClass="danger" />

.

ASP.NET의 DATE.IN GRIDVIEW 컨트롤을 ASP

에 제기 한 후에 테이블 내부 테이블.

gridview 태그 및 열 이전 태그.

부트 스트랩이 미리 정의 된 이후 즉시 효과를 볼 수 있습니다.

나는 내 대답이 미래에 누군가를 도울 수 있기를 바랍니다.

환호!