Dash2. Layout -dbc

Published by onesixx on

dash Bootstrap Components

https://dash-bootstrap-components.opensource.faculty.ai/

Python
Python

100vh

https://dream-frontend.tistory.com/27

height: 100%; 선택자(.container)가 들어있는 부모의 100%를 채우겠다는 말. 

그러나 부모값에 의존하지 않고, 부모값에 상관없이 값을 설정하고 싶다 하면,
vh 단위 vh : View height 를 모두 쓰려고 할때 사용React Bootstrap Spacing

HTML

CSS

https://mdbootstrap.com/docs/react/utilities/spacing/

https://ichi.pro/ko/daesileul-sayonghaneun-chobojaleul-wihan-python-ui-daesi-bodeu-buteu-seuteulaeb-css-guseong-yosogaissneun-ban-eung-hye-46235417656566

Notation

Spacing utilities that apply to all breakpoints, from xs to xl, have no breakpoint abbreviation in them. This is because those classes are applied from min- width: 0 and up, and thus are not bound by a media query. The remaining breakpoints, however, do include a breakpoint abbreviation.

The classes are named using the format {property}{sides}-{size} for xs and {property}{sides}-{breakpoint}-{size} for smmdlg, and xl.

Where property is one of:

  • m – for classes that set margin
  • p – for classes that set padding

Where sides is one of:

  • t – for classes that set margin-top or padding-top
  • b – for classes that set margin-bottom or padding-bottom
  • l – for classes that set margin-left or padding-left
  • r – for classes that set margin-right or padding-right
  • x – for classes that set both *-left and *-right
  • y – for classes that set both *-top and *-bottom
  • blank – for classes that set a margin or padding on all 4 sides of the element

Where breakpoint is one of:

  • sm
  • md
  • lg
  • xl

Where size is one of:

  • 0 – for classes that eliminate the margin or padding by setting it to 0
  • 1 – (by default) for classes that set the margin or padding to $spacer-x * .25 or $spacer-y * .25
  • 2 – (by default) for classes that set the margin or padding to $spacer-x * .5 or $spacer-y * .5
  • 3 – (by default) for classes that set the margin or padding to $spacer-x or $spacer-y
  • 4 – (by default) for classes that set the margin or padding to $spacer-x * 1.5 or $spacer-y * 1.5
  • 5 – (by default) for classes that set the margin or padding to $spacer-x * 3 or $spacer-y * 3

(You can add more sizes by adding entries to the $spacers Sass map variable.)

Categories: dash

onesixx

Blog Owner

Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x