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

· 2016-06-05 (일) 22:43:07 · 2640 · 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번이요
코딩 규칙 중 변경이 자주 일어나는 부분은 하위로 배치하여 가독성을 높이는게 매우 중요하다 라는거에
엄청난 공감을 하는 편입니다.
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
+
제목 글쓴이 날짜 조회
16-07-13 조회 2,050
16-07-12 조회 2,179
16-07-12 조회 2,204
16-07-11 조회 2,092
16-06-05 조회 2,641
16-06-03 조회 2,741
16-05-26 조회 2,702
15-09-22 조회 4,834
15-06-10 조회 4,585
14-10-25 조회 6,037
14-10-22 조회 8,782
14-09-21 조회 5,587
14-09-16 조회 4,895
14-08-22 조회 1만
14-08-13 조회 5,722
14-08-12 조회 5,258
14-08-12 조회 6,142
14-08-11 조회 6,633
14-06-12 조회 5,972
14-06-11 조회 4,814
14-05-09 조회 5,204
14-05-09 조회 6,189
14-05-09 조회 6,190
14-05-08 조회 5,564
14-04-17 조회 4,492
14-04-16 조회 4,372
14-04-15 조회 4,332
14-04-15 조회 4,383
14-04-15 조회 4,028
14-04-14 조회 4,067
14-04-14 조회 4,035
14-04-14 조회 4,455
14-04-14 조회 4,488
14-04-14 조회 4,509
14-04-13 조회 4,369
14-04-12 조회 4,092
14-04-12 조회 4,117
14-04-12 조회 4,216
14-04-11 조회 4,722
14-04-10 조회 4,437
14-04-10 조회 4,468
14-04-09 조회 4,692
14-04-09 조회 5,028
14-04-08 조회 6,669
13-10-30 조회 7,463
13-07-11 조회 4,975
13-03-28 조회 1.1만
13-02-27 조회 6,511
13-02-14 조회 5,393
13-01-10 조회 4,391
12-12-31 조회 4,918
12-12-20 조회 6,020
12-12-12 조회 5,157
12-12-07 조회 4,327
12-11-28 조회 4,654
12-11-22 조회 5,103
12-11-12 조회 5,406
12-09-22 조회 4,421
12-09-18 조회 4,609