2013-09-30 7 views
0

부트 스트랩을 사용하여 문맥 TR 색칠을위한 사용자 정의 클래스를 만들려고합니다.맞춤 컨텍스트 테이블 행 클래스 부트 스트랩

설명서를 읽고 클래스 속성을 custom.css 파일에 복사하고 필요에 맞게 수정하십시오. 그러나 성공하지 않고 이것을 시도한 후에 bootstrap.css에 사용자 정의 클래스를 추가 할 것이라고 생각했습니다. 여전히 성공을 거두지 못했습니다.

저는 방화범을 사용하여 문제를 진단하려고했지만 해결 방법을 찾을 수 없었습니다. 따라서 여기에 게시하십시오. I 클래스 요소 '성공'을 사용하는 경우

는 CSS 내가이 수 (나는 방화범이 선택되어 볼 수 있습니다) 내 사용자 정의 클래스를 사용하여이

.table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { 
    border-bottom-left-radius: 4px; 
} 
.table tbody tr.success > td { 
    background-color: #DFF0D8; 
} 
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th { 
    background-color: #F9F9F9; 
} 

것 같습니다.

.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th { 
    background-color: #F9F9F9; 
} 

그래서 CSS 파일에서 사용자 정의 클래스를 읽지 않아서 이유가 없습니다.

의견이 있으십니까?

S

편집 **

사용자 정의 CSS 파일은 다음과 같다.

.width100{ 
    width: 100%;  
} 

/*Custom Table Row Property*/ 
.table-striped> tbody tr.major > td { 
    background-color: #faa732; 
} 

.table tbody tr.initial > td { 
    background-color: #49afcd; 
} 

.table tbody tr.maint > td { 
    background-color: #5b331d; 
} 

.table tbody tr.suppressed > td { 
    background-color: #bfcada; 
} 
+0

사용자 정의 클래스의 CSS는 어떻게 생겼습니까? – ZimSystem

+1

이 문제는 브라우저 캐시로 인해 문제가 발생했기 때문에 주제가 아닌 것으로 보입니다. 너무 현지화되었습니다. – madth3

답변

-1

그래서 Firefox가 CSS 파일을 캐시했으며 브라우저로 인해 문제가 발생한 시간을 추적했습니다.

캐시를 지우고 바로 올바르게 작동합니다.

DAMN IT !!!!