티스토리 뷰


버튼 표시 방법
button
button
button
button
button
button
button
button
button
button
button
<div class="websboot">
	<div class="btn bgRed">button</div>
	<div class="btn bgPink">button</div>
	<div class="btn bgPurple">button</div>
	<div class="btn bgBlue">button</div>
	<div class="btn bgTeal">button</div>
	<div class="btn bgGreen">button</div>
	<div class="btn bgLime">button</div>
	<div class="btn bgYellow">button</div>
	<div class="btn bgOrange">button</div>
	<div class="btn bgBrown">button</div>
	<div class="btn bgGrey">button</div>
</div>


큰 버튼 표시 방법
button
button
button
button
button
button
button
button
button
button
button
<div class="websboot">
	<div class="btn btn-lg bgRedLighten1">button</div>
	<div class="btn btn-lg bgPinkLighten1">button</div>
	<div class="btn btn-lg bgPurpleLighten1">button</div>
	<div class="btn btn-lg bgBlueLighten1">button</div>
	<div class="btn btn-lg bgTealLighten1">button</div>
	<div class="btn btn-lg bgGreenLighten1">button</div>
	<div class="btn btn-lg bgLimeLighten1">button</div>
	<div class="btn btn-lg bgYellowLighten1">button</div>
	<div class="btn btn-lg bgOrangeLighten1">button</div>
	<div class="btn btn-lg bgBrownLighten1">button</div>
	<div class="btn btn-lg bgGreyLighten1">button</div>
</div>


작은 버튼 표시 방법
button
button
button
button
button
button
button
button
button
button
button
<div class="websboot">
	<div class="btn btn-sm bgRedLighten2">button</div>
	<div class="btn btn-sm bgPinkLighten2">button</div>
	<div class="btn btn-sm bgPurpleLighten2">button</div>
	<div class="btn btn-sm bgBlueLighten2">button</div>
	<div class="btn btn-sm bgTealLighten2">button</div>
	<div class="btn btn-sm bgGreenLighten2">button</div>
	<div class="btn btn-sm bgLimeLighten2">button</div>
	<div class="btn btn-sm bgYellowLighten2">button</div>
	<div class="btn btn-sm bgOrangeLighten2">button</div>
	<div class="btn btn-sm bgBrownLighten2">button</div>
	<div class="btn btn-sm bgGreyLighten2">button</div>
</div>


버튼 한줄에 표시하는 방법
<div class="websboot">
	<a href="#" class="btn btn-block bgRedLighten3">button</a>
	<a href="#" class="btn btn-block bgPinkLighten3">button</a>
	<a href="#" class="btn btn-block bgPurpleLighten3">button</a>
	<a href="#" class="btn btn-block bgBlueLighten3">button</a>
	<a href="#" class="btn btn-block bgTealLighten3">button</a>
	<a href="#" class="btn btn-block bgGreenLighten3">button</a>
	<a href="#" class="btn btn-block bgLimeLighten3">button</a>
	<a href="#" class="btn btn-block bgYellowLighten3">button</a>
	<a href="#" class="btn btn-block bgOrangeLighten3">button</a>
	<a href="#" class="btn btn-block bgBrownLighten3">button</a>
	<a href="#" class="btn btn-block bgGreyLighten3">button</a>
</div>
  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
댓글
댓글쓰기 폼