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

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

· 9년 전 · 840 · 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번이요
코딩 규칙 중 변경이 자주 일어나는 부분은 하위로 배치하여 가독성을 높이는게 매우 중요하다 라는거에
엄청난 공감을 하는 편입니다.

게시글 목록

번호 제목
18491
18485
18483
18481
18476
18475
18472
18468
18461
18454
18453
18448
18447
18439
18436
18432
18421
18416
18406
18405
18400
18398
18397
18390
18382
18376
18370
18365
18361
18357