테스트 사이트 - 개발 중인 베타 버전입니다

padding 값 클래스 화, 어떤 게 직관적으로 느껴지시나요?

· 9년 전 · 844 · 1

부트스트랩에 padding 클래스가 없어서 만들어봤는데요,

뭐가 나아보이시나요?

/* 부트스트랩의 기존 규칙에 맞게 작성된 예 */
.pd-xs-0 { padding:0 0px; }
.pd-xs-5 { padding:0 5px; }
.pd-xs-10 { padding:0 10px; }

/* 부트스트랩의 화면 규격을 지키면서 개인적으로 편리한 작성예 */
.pd0-xs { padding:0 0px; }
.pd5-xs { padding:0 5px; }
.pd10-xs { padding:0 10px; }

/* 너무 긴 예(?) - 평소 사용하던 방식;; */
.padding0_m{padding:0 0 0 0;}
.padding10_m{padding:0 10px;}

/* 너무 많이 줄인 예(?) */
.pd0_m{}
.pd0_d{}

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

1번이요
코딩 규칙 중 변경이 자주 일어나는 부분은 하위로 배치하여 가독성을 높이는게 매우 중요하다 라는거에
엄청난 공감을 하는 편입니다.

게시글 목록

번호 제목
19857
19835
19810
19790
19788
19759
19754
19750
19746
19740
19727
19718
19711
19704
19689
19681
19680
19673
19656
19653
19642
19628
19620
19610
19601
19597
19593
19569
19565
19557