티스토리 뷰
반응형
Admin Dashboard 만들기 part 7. 막대 진행바 만들기( Progress bar )
막대 진행바를 위한 섹션 만들기
: xl 스크린의 경우 화면의 절반(6 grid)만 사용하고, 다른 사이즈의 화면의 경우 full(12) grid 를 사용한다.
첫번째 아이템 만들기
다른 아이템 추가하기
디자인 변경
: 위 화면을 보면 다음 아이템과의 간격이 없이 붙어서 표시된다. 그래서 각각의 아이템에 bottom margin(mb-4) 을 추가한다.
끝.
'Bootstrap4' 카테고리의 다른 글
Admin Dashboard 만들기 part 9. 최근 활동 기록 남기기(bootstrap accordion) (0) | 2020.09.02 |
---|---|
Admin Dashboard 만들기 part 8. 태스크 만들기(bootstrap tasks) (0) | 2020.09.01 |
Admin Dashboard 만들기 part 6. 테이블만들기2 ( bootstrap table) (0) | 2020.08.31 |
Admin Dashboard 만들기 part 5. 테이블만들기 ( bootstrap table) (0) | 2020.08.31 |
Admin Dashboard 만들기 part 4. 아이템 상태 표시 ( bootstrap card) (2) | 2020.08.31 |
댓글
반응형
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- python message
- 파이썬
- http 요청
- amaztools
- 미밴드4
- Python
- END key
- Karabiner-Elements
- HOME/END
- angular
- slack api
- win10
- python slack
- du 명령어
- cmd창
- webhook
- 프로젝트 생성
- df 명령어
- vscode
- cmd실행
- venv
- django
- channel oauth
- 디스크 사용량
- 팀 소통
- win7
- 장고
- 메시지 전송
- 미밴드
- HOME key
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
글 보관함