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

· 2016-06-05 (일) 22:43:07 · 2650 · 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,054
16-07-12 조회 2,187
16-07-12 조회 2,208
16-07-11 조회 2,096
16-06-05 조회 2,651
16-06-03 조회 2,748
16-05-26 조회 2,709
15-09-22 조회 4,836
15-06-10 조회 4,594
14-10-25 조회 6,041
14-10-22 조회 8,792
14-09-21 조회 5,597
14-09-16 조회 4,897
14-08-22 조회 1만
14-08-13 조회 5,729
14-08-12 조회 5,266
14-08-12 조회 6,145
14-08-11 조회 6,642
14-06-12 조회 5,982
14-06-11 조회 4,834
14-05-09 조회 5,218
14-05-09 조회 6,197
14-05-09 조회 6,197
14-05-08 조회 5,565
14-04-17 조회 4,500
14-04-16 조회 4,377
14-04-15 조회 4,345
14-04-15 조회 4,394
14-04-15 조회 4,032
14-04-14 조회 4,075
14-04-14 조회 4,047
14-04-14 조회 4,467
14-04-14 조회 4,495
14-04-14 조회 4,516
14-04-13 조회 4,373
14-04-12 조회 4,095
14-04-12 조회 4,130
14-04-12 조회 4,224
14-04-11 조회 4,729
14-04-10 조회 4,441
14-04-10 조회 4,472
14-04-09 조회 4,706
14-04-09 조회 5,041
14-04-08 조회 6,673
13-10-30 조회 7,473
13-07-11 조회 4,979
13-03-28 조회 1.1만
13-02-27 조회 6,521
13-02-14 조회 5,397
13-01-10 조회 4,395
12-12-31 조회 4,918
12-12-20 조회 6,022
12-12-12 조회 5,160
12-12-07 조회 4,334
12-11-28 조회 4,656
12-11-22 조회 5,107
12-11-12 조회 5,415
12-09-22 조회 4,422
12-09-18 조회 4,610