«   2018/01   »
  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 31      
Archives
Today
415
Total
1,047,156
관리 메뉴

Blue Breeze

bootstrap dl-horizontal 본문

FrontEnd/CSS

bootstrap dl-horizontal

푸른바람 푸른_바람 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' 카테고리의 다른 글

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) 2009.04.24
0 Comments
댓글쓰기 폼