lang/css

bootstrap dl-horizontal

C/H 2016. 8. 11. 08:30


bootstrap css 를 모두 사용하긴 그렇고 dl-horizontal 클래스 정의만 사용하고 싶을 때... 아래 css를 추가한다.

dt {
	display: block;
	font-weight: 700;
	line-height: 1.42857143;
}
dd {
	display: block;
	-webkit-margin-start: 40px;
	line-height: 1.42857143;
	margin-left: 0;
}

@media (min-width: 768px) {
	dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	dd {
		float:left;
		margin-left: 10px;
	}	
}


반응형

'lang > css' 카테고리의 다른 글

css 가상 클래스(Pseudo classes), 가상 엘리먼트(Pseudo Elements)  (0) 2021.10.16
iphone css media-query  (0) 2018.04.17
부트스트랩 +iconmoon  (0) 2015.07.06
Div, Text 중앙, 가운데 정렬  (0) 2015.04.10
css hack  (0) 2014.03.04