Neu seit 2023 Zwei Ladesäulen für e-Autos und 8 Möglichkeiten zum Laden für e-bikes Neu seit 2023

    Text columns

    Artikel bewerten
    (0 Stimmen)

    Column

    Split paragraphs in print layout type columns.

    Usage

    To divide text paragraphs into columns, just add one of the .uk-column-1-* classes.

    Class Description
    .uk-column-1-2 Divides paragraphs into halves.
    .uk-column-1-3 Divides paragraphs into three columns.
    .uk-column-1-4 Divides paragraphs into four columns.
    .uk-column-1-5 Divides paragraphs into five columns.
    .uk-column-1-6 Divides paragraphs into six columns.

    Example

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Markup

    <p class="uk-column-1-3">...</p>

    Responsive columns

    The column component also provides responsive column classes that only come to effect at certain breakpoints.

    Class Description
    .uk-column-* Affects all device widths.
    .uk-column-small-* Affects device widths of 480px and higher.
    .uk-column-medium-* Affects device widths of 768px and higher.
    .uk-column-large-* Affects device widths of 960px and higher.
    .uk-column-xlarge-* Affects device widths of 1200px and higher.

    Example

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Markup

    <p class="uk-column-xlarge-1-4 uk-column-large-1-3 uk-column-medium-1-2">...</p>
    Gelesen 5154 mal Letzte Änderung am Sonntag, 01 November 2015 04:32
    aquahema

    WarpTheme offer free high quality Joomla! Templates and WordPress Themes for you to create beautiful websites

    Webseite: warptheme.com
    Mehr in dieser Kategorie: « Accordion
    Wir benutzen Cookies

    Wir nutzen Cookies auf unserer Website. Einige von ihnen sind essenziell für den Betrieb der Seite, während andere uns helfen, diese Website und die Nutzererfahrung zu verbessern (Tracking Cookies). Sie können selbst entscheiden, ob Sie die Cookies zulassen möchten. Bitte beachten Sie, dass bei einer Ablehnung womöglich nicht mehr alle Funktionalitäten der Seite zur Verfügung stehen.