Skip to content

Theme variations

Jump to bottom
Daniel Cañizares Corrales edited this page Jun 10, 2019 · 6 revisions

Bootlaterus includes out-of-the-box different theme variations.

Default theme

Gray theme optimized for general use.

  • Including custom fonts:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-cfonts.min.css" crossorigin="anonymous">

  • Without custom fonts:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus.min.css" crossorigin="anonymous">

Default Bootstrap

Use a default Bootstrap Theme plus all Bootlaterus extended components:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-default-bootstrap.min.css" crossorigin="anonymous">

Light theme

White theme optimized for general use.

  • Including custom fonts:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-light-cfonts.min.css" crossorigin="anonymous">

  • Without custom fonts.

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-light.min.css" crossorigin="anonymous">

Docs

Theme optimized for wikis and documentation-repos.

  • Gray variation with custom fonts:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-docs-cfonts.min.css" crossorigin="anonymous">

  • Gray variation without custom fonts:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-docs.min.css" crossorigin="anonymous">

  • White variation with custom fonts:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-docs-light-cfonts.min.css" crossorigin="anonymous">

  • White variation without custom fonts:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-docs-light.min.css" crossorigin="anonymous">

  • Default Bootstrap style:

    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootlaterus@latest/dist/css/bootlaterus-docs-default-bootstrap.min.css" crossorigin="anonymous">

Clone this wiki locally