This is an alternative site for discovering Elm packages. You may be looking for the official Elm package site instead.
1.0.0

Bootstrap.CDN

A helper module for easily embedding CSS when you want to work with the library using the Elm Reactor.

stylesheet : Html msg

Allows you to embed the Bootstrap CSS as a node in your view.

import Bootstrap.CDN


view : Model -> Html Msg
view model =
    div []
        [ CDN.stylesheet -- css embedded inline.
        , yourContentHere
        , navbar model
        , mainContent model
        ]
fontAwesome : Html msg

Font Awesome can also be conveniently included as an inline node. Font Awesome is not a dependency for elm-bootstrap.

module Bootstrap.CDN exposing (stylesheet, fontAwesome)

{-| A helper module for easily embedding CSS when you want to work with the library using the Elm Reactor.


@docs stylesheet, fontAwesome



-}

import Html exposing (Html, node)
import Html.Attributes exposing (rel, href)


{-| Allows you to embed the Bootstrap CSS as a node in your view.

    import Bootstrap.CDN


    view : Model -> Html Msg
    view model =
        div []
            [ CDN.stylesheet -- css embedded inline.
            , yourContentHere
            , navbar model
            , mainContent model
            ]
-}
stylesheet : Html msg
stylesheet =
    node "link"
        [ rel "stylesheet"
        , href "https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
        ]
        []


{-| Font Awesome can also be conveniently included as an inline node. Font Awesome is not a dependency for `elm-bootstrap`.
-}
fontAwesome : Html msg
fontAwesome =
    node "link"
        [ rel "stylesheet"
        , href "https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"
        ]
        []