rundis / elm-bootstrap / Bootstrap.Grid.Col

Functions for creating grid column options.

Vertical alignment

topXs : Option msg

topSm : Option msg

topMd : Option msg

topLg : Option msg

topXl : Option msg

middleXs : Option msg

middleSm : Option msg

middleMd : Option msg

middleLg : Option msg

middleXl : Option msg

bottomXs : Option msg

bottomSm : Option msg

bottomMd : Option msg

bottomLg : Option msg

bottomXl : Option msg

Sizing

Extra Small

xs : Option msg

xs1 : Option msg

xs2 : Option msg

xs3 : Option msg

xs4 : Option msg

xs5 : Option msg

xs6 : Option msg

xs7 : Option msg

xs8 : Option msg

xs9 : Option msg

xs10 : Option msg

xs11 : Option msg

xs12 : Option msg

xsAuto : Option msg

Small

sm : Option msg

sm1 : Option msg

sm2 : Option msg

sm3 : Option msg

sm4 : Option msg

sm5 : Option msg

sm6 : Option msg

sm7 : Option msg

sm8 : Option msg

sm9 : Option msg

sm10 : Option msg

sm11 : Option msg

sm12 : Option msg

smAuto : Option msg

Medium

md : Option msg

md1 : Option msg

md2 : Option msg

md3 : Option msg

md4 : Option msg

md5 : Option msg

md6 : Option msg

md7 : Option msg

md8 : Option msg

md9 : Option msg

md10 : Option msg

md11 : Option msg

md12 : Option msg

mdAuto : Option msg

Large

lg : Option msg

lg1 : Option msg

lg2 : Option msg

lg3 : Option msg

lg4 : Option msg

lg5 : Option msg

lg6 : Option msg

lg7 : Option msg

lg8 : Option msg

lg9 : Option msg

lg10 : Option msg

lg11 : Option msg

lg12 : Option msg

lgAuto : Option msg

Extra Large

xl : Option msg

xl1 : Option msg

xl2 : Option msg

xl3 : Option msg

xl4 : Option msg

xl5 : Option msg

xl6 : Option msg

xl7 : Option msg

xl8 : Option msg

xl9 : Option msg

xl10 : Option msg

xl11 : Option msg

xl12 : Option msg

xlAuto : Option msg

Offsets

Extra Small

offsetXs1 : Option msg

offsetXs2 : Option msg

offsetXs3 : Option msg

offsetXs4 : Option msg

offsetXs5 : Option msg

offsetXs6 : Option msg

offsetXs7 : Option msg

offsetXs8 : Option msg

offsetXs9 : Option msg

offsetXs10 : Option msg

offsetXs11 : Option msg

Small

offsetSm0 : Option msg

offsetSm1 : Option msg

offsetSm2 : Option msg

offsetSm3 : Option msg

offsetSm4 : Option msg

offsetSm5 : Option msg

offsetSm6 : Option msg

offsetSm7 : Option msg

offsetSm8 : Option msg

offsetSm9 : Option msg

offsetSm10 : Option msg

offsetSm11 : Option msg

Medium

offsetMd0 : Option msg

offsetMd1 : Option msg

offsetMd2 : Option msg

offsetMd3 : Option msg

offsetMd4 : Option msg

offsetMd5 : Option msg

offsetMd6 : Option msg

offsetMd7 : Option msg

offsetMd8 : Option msg

offsetMd9 : Option msg

offsetMd10 : Option msg

offsetMd11 : Option msg

Large

offsetLg0 : Option msg

offsetLg1 : Option msg

offsetLg2 : Option msg

offsetLg3 : Option msg

offsetLg4 : Option msg

offsetLg5 : Option msg

offsetLg6 : Option msg

offsetLg7 : Option msg

offsetLg8 : Option msg

offsetLg9 : Option msg

offsetLg10 : Option msg

offsetLg11 : Option msg

Extra Large

offsetXl0 : Option msg

offsetXl1 : Option msg

offsetXl2 : Option msg

offsetXl3 : Option msg

offsetXl4 : Option msg

offsetXl5 : Option msg

offsetXl6 : Option msg

offsetXl7 : Option msg

offsetXl8 : Option msg

offsetXl9 : Option msg

offsetXl10 : Option msg

offsetXl11 : Option msg

Pulls

Extra Small

pullXs0 : Option msg

pullXs1 : Option msg

pullXs2 : Option msg

pullXs3 : Option msg

pullXs4 : Option msg

pullXs5 : Option msg

pullXs6 : Option msg

pullXs7 : Option msg

pullXs8 : Option msg

pullXs9 : Option msg

pullXs10 : Option msg

pullXs11 : Option msg

pullXs12 : Option msg

Small

pullSm0 : Option msg

pullSm1 : Option msg

pullSm2 : Option msg

pullSm3 : Option msg

pullSm4 : Option msg

pullSm5 : Option msg

pullSm6 : Option msg

pullSm7 : Option msg

pullSm8 : Option msg

pullSm9 : Option msg

pullSm10 : Option msg

pullSm11 : Option msg

pullSm12 : Option msg

Medium

pullMd0 : Option msg

pullMd1 : Option msg

pullMd2 : Option msg

pullMd3 : Option msg

pullMd4 : Option msg

pullMd5 : Option msg

pullMd6 : Option msg

pullMd7 : Option msg

pullMd8 : Option msg

pullMd9 : Option msg

pullMd10 : Option msg

pullMd11 : Option msg

pullMd12 : Option msg

Large

pullLg0 : Option msg

pullLg1 : Option msg

pullLg2 : Option msg

pullLg3 : Option msg

pullLg4 : Option msg

pullLg5 : Option msg

pullLg6 : Option msg

pullLg7 : Option msg

pullLg8 : Option msg

pullLg9 : Option msg

pullLg10 : Option msg

pullLg11 : Option msg

pullLg12 : Option msg

Extra Large

pullXl0 : Option msg

pullXl1 : Option msg

pullXl2 : Option msg

pullXl3 : Option msg

pullXl4 : Option msg

pullXl5 : Option msg

pullXl6 : Option msg

pullXl7 : Option msg

pullXl8 : Option msg

pullXl9 : Option msg

pullXl10 : Option msg

pullXl11 : Option msg

pullXl12 : Option msg

Pushes

Extra Small

pushXs0 : Option msg

pushXs1 : Option msg

pushXs2 : Option msg

pushXs3 : Option msg

pushXs4 : Option msg

pushXs5 : Option msg

pushXs6 : Option msg

pushXs7 : Option msg

pushXs8 : Option msg

pushXs9 : Option msg

pushXs10 : Option msg

pushXs11 : Option msg

pushXs12 : Option msg

Small

pushSm0 : Option msg

pushSm1 : Option msg

pushSm2 : Option msg

pushSm3 : Option msg

pushSm4 : Option msg

pushSm5 : Option msg

pushSm6 : Option msg

pushSm7 : Option msg

pushSm8 : Option msg

pushSm9 : Option msg

pushSm10 : Option msg

pushSm11 : Option msg

pushSm12 : Option msg

Medium

pushMd0 : Option msg

pushMd1 : Option msg

pushMd2 : Option msg

pushMd3 : Option msg

pushMd4 : Option msg

pushMd5 : Option msg

pushMd6 : Option msg

pushMd7 : Option msg

pushMd8 : Option msg

pushMd9 : Option msg

pushMd10 : Option msg

pushMd11 : Option msg

pushMd12 : Option msg

Large

pushLg0 : Option msg

pushLg1 : Option msg

pushLg2 : Option msg

pushLg3 : Option msg

pushLg4 : Option msg

pushLg5 : Option msg

pushLg6 : Option msg

pushLg7 : Option msg

pushLg8 : Option msg

pushLg9 : Option msg

pushLg10 : Option msg

pushLg11 : Option msg

pushLg12 : Option msg

Extra Large

pushXl0 : Option msg

pushXl1 : Option msg

pushXl2 : Option msg

pushXl3 : Option msg

pushXl4 : Option msg

pushXl5 : Option msg

pushXl6 : Option msg

pushXl7 : Option msg

pushXl8 : Option msg

pushXl9 : Option msg

pushXl10 : Option msg

pushXl11 : Option msg

pushXl12 : Option msg

Order

Extra Small

orderXsFirst : Option msg

orderXs1 : Option msg

orderXs2 : Option msg

orderXs3 : Option msg

orderXs4 : Option msg

orderXs5 : Option msg

orderXs6 : Option msg

orderXs7 : Option msg

orderXs8 : Option msg

orderXs9 : Option msg

orderXs10 : Option msg

orderXs11 : Option msg

orderXs12 : Option msg

orderXsLast : Option msg

Small

orderSmFirst : Option msg

orderSm1 : Option msg

orderSm2 : Option msg

orderSm3 : Option msg

orderSm4 : Option msg

orderSm5 : Option msg

orderSm6 : Option msg

orderSm7 : Option msg

orderSm8 : Option msg

orderSm9 : Option msg

orderSm10 : Option msg

orderSm11 : Option msg

orderSm12 : Option msg

orderSmLast : Option msg

Medium

orderMdFirst : Option msg

orderMd1 : Option msg

orderMd2 : Option msg

orderMd3 : Option msg

orderMd4 : Option msg

orderMd5 : Option msg

orderMd6 : Option msg

orderMd7 : Option msg

orderMd8 : Option msg

orderMd9 : Option msg

orderMd10 : Option msg

orderMd11 : Option msg

orderMd12 : Option msg

orderMdLast : Option msg

Large

orderLgFirst : Option msg

orderLg1 : Option msg

orderLg2 : Option msg

orderLg3 : Option msg

orderLg4 : Option msg

orderLg5 : Option msg

orderLg6 : Option msg

orderLg7 : Option msg

orderLg8 : Option msg

orderLg9 : Option msg

orderLg10 : Option msg

orderLg11 : Option msg

orderLg12 : Option msg

orderLgLast : Option msg

Extra Large

orderXlFirst : Option msg

orderXl1 : Option msg

orderXl2 : Option msg

orderXl3 : Option msg

orderXl4 : Option msg

orderXl5 : Option msg

orderXl6 : Option msg

orderXl7 : Option msg

orderXl8 : Option msg

orderXl9 : Option msg

orderXl10 : Option msg

orderXl11 : Option msg

orderXl12 : Option msg

orderXlLast : Option msg

Misc

attrs : List (Html.Attribute msg) -> Bootstrap.Grid.Internal.ColOption msg

Use this function when you need to provide custom Html attributes to the column container element.

textAlign : Bootstrap.Text.HAlign -> Bootstrap.Grid.Internal.ColOption msg

You might find this function handy for aligning inline elements inside a column.

Grid.col [ Col.textAlign Text.alignXsCenter ]


type alias Option msg =
Bootstrap.Grid.Internal.ColOption msg

Opaque type representing valid Column options