«   2018/09   »
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30            
Archives
Today
64
Total
1,152,972
안정적인 DNS서비스 DNSEver
관리 메뉴

Blue Breeze

bootstrap dl-horizontal 본문

FrontEnd/CSS

bootstrap dl-horizontal

푸른바람 C/H 2016.08.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;
	}	
}


'FrontEnd > CSS' 카테고리의 다른 글

iphone css media-query  (0) 2018.04.17
bootstrap dl-horizontal  (0) 2016.08.11
부트스트랩 +iconmoon  (0) 2015.07.06
Div, Text 중앙, 가운데 정렬  (0) 2015.04.10
css hack  (0) 2014.03.04
CSS odd & even rules  (0) 2010.08.11
0 Comments
댓글쓰기 폼