KARAKOK.NET Loading

Lütfen Bekleyiniz..

Flexs

Kapsayıcı elementi flex ya da d-inline-flex olarak ayarla..

flex
Flex container
d-inline-flex
Inline flexbox container

flex justify-content-* içindeki elementleri yatay olarak hizala..

flex flex-row
Flex item 1
Flex item 2
Flex item 3
flex flex-row-reverse
Flex item 1
Flex item 2
Flex item 3
flex flex-column
flex flex-column-reverse
Flex item 1
Flex item 2
Flex item 3
Flex item 1
Flex item 2
Flex item 3

flex justify-content-* içindeki elementleri yatay olarak hizala..

flex justify-content-start
Flex item
Flex item
Flex item
flex justify-content-end
Flex item
Flex item
Flex item
flex justify-content-center
Flex item
Flex item
Flex item
flex justify-content-between
Flex item
Flex item
Flex item
flex justify-content-around
Flex item
Flex item
Flex item
flex justify-content-evenly
Flex item
Flex item
Flex item

flex align-items-* içindeki elementleri dikey olarak hizala..

flex align-items-start
Flex item
Flex item
Flex item
flex align-items-end
Flex item
Flex item
Flex item
flex align-items-center
Flex item
Flex item
Flex item
flex align-items-baseline
Flex item
Flex item
Flex item
flex align-items-stretch
Flex item
Flex item
Flex item

flex içindeki align-self-* elementini dikey olarak hizala..

flex > align-self-auto
Flex item
Aligned flex item
Flex item
flex > align-self-start
Flex item
Aligned flex item
Flex item
flex > align-self-end
Flex item
Aligned flex item
Flex item
flex > align-self-center
Flex item
Aligned flex item
Flex item
flex > align-self-baseline
Flex item
Aligned flex item
Flex item
flex > align-self-stretch
Flex item
Aligned flex item
Flex item

flex içindeki elementleri özel olarak genişlet/sığdır..

flex > flex-fill
Flex item Sit amet, consectetur.
Flex item Dolor sit.
Flex item
flex > flex-grow-1
Flex item
Flex item
Flex item Dolor sit.
flex > flex-shrink-1
Flex item
Flex item

flex içindeki elementleri margin-auto kullanarak yatayda hizala..

flex > mr-auto
Flex item *
Flex item
Flex item
flex > ml-auto
Flex item
Flex item
Flex item *
flex > flex-fill
Flex item
Flex item *
Flex item

flex flex-column içindeki elementleri margin-auto kullanarak dikeyde hizala..

flex flex-column > mb-auto
Flex item *
Flex item
Flex item
flex flex-column > mt-auto
Flex item
Flex item
Flex item *
flex flex-column > flex-fill
Flex item
Flex item *
Flex item

flex içindeki elementlerin kırılmasına izin ver ya da verme..

flex flex-nowrap
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
Flex_item
flex flex-wrap
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
flex flex-wrap-reverse
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item
Flex item