diff options
author | XhmikosR <xhmikosr@gmail.com> | 2019-01-08 19:33:28 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-03-13 20:22:59 +0300 |
commit | d95d30029f8d63190eb242c9914cee16b6b90627 (patch) | |
tree | 06fbab510fa94ac092606eb04b37d061e64d8fbc /site/layouts/partials/home/masthead-followup.html | |
parent | 6aa475c82e69a02882e87da7067e522806d6579c (diff) |
Switch to Hugo.
No more Ruby dependency and most important more than 10 times less build time (at least on Windows)!
Diffstat (limited to 'site/layouts/partials/home/masthead-followup.html')
-rw-r--r-- | site/layouts/partials/home/masthead-followup.html | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/site/layouts/partials/home/masthead-followup.html b/site/layouts/partials/home/masthead-followup.html new file mode 100644 index 0000000000..c852850658 --- /dev/null +++ b/site/layouts/partials/home/masthead-followup.html @@ -0,0 +1,46 @@ +<div class="masthead-followup row m-0 border border-white"> + <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> + {{ "<!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons -->" | safeHTML }} + {{ partial "icons/import.svg" (dict "class" "text-primary mb-2" "width" "32" "height" "32") }} + <h3>Installation</h3> + <p>Include Bootstrap’s source Sass and JavaScript files via npm, Composer or Meteor. Package managed installs don’t include documentation, but do include our build system and readme.</p> + + {{ highlight "npm install bootstrap" "sh" "" }} + + {{ highlight (printf ("gem install bootstrap -v %s") .Site.Params.current_ruby_version) "sh" "" }} + + <hr class="half-rule"> + <a class="btn btn-outline-primary" href="/docs/{{ .Site.Params.docs_version }}/getting-started/download/">Read installation docs</a> + </div> + + <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> + {{ "<!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons -->" | safeHTML }} + {{ partial "icons/download.svg" (dict "class" "text-primary mb-2" "width" "32" "height" "32") }} + <h3>BootstrapCDN</h3> + <p>When you only need to include Bootstrap’s compiled CSS or JS, you can use <a href="https://www.bootstrapcdn.com/">BootstrapCDN</a>.</p> + + <h5>CSS only</h5> + {{ highlight (printf (`<link rel="stylesheet" href="%s" integrity="%s" crossorigin="anonymous">`) .Site.Params.cdn.css .Site.Params.cdn.css_hash) "html" "" }} + + <h5>JS and Popper.js</h5> + {{ highlight (printf (`<script src="%s" integrity="%s" crossorigin="anonymous"></script> +<script src="%s" integrity="%s" crossorigin="anonymous"></script> +`) .Site.Params.cdn.popper .Site.Params.cdn.popper_hash .Site.Params.cdn.js .Site.Params.cdn.js_hash) "html" "" }} + <hr class="half-rule"> + <a class="btn btn-outline-primary" href="/docs/{{ .Site.Params.docs_version }}/layout/overview/">Explore the docs</a> + </div> + + <div class="col-12 col-md-4 p-3 p-md-5 bg-light border border-white"> + {{ "<!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons -->" | safeHTML }} + {{ partial "icons/lightning.svg" (dict "class" "text-primary mb-2" "width" "32" "height" "32") }} + <h3>Official Themes</h3> + <p> + Take Bootstrap 4 to the next level with official premium themes—toolkits built on Bootstrap with new components and plugins, docs, and build tools. + </p> + <img class="img-fluid mt-3 mx-auto" srcset="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes.png, + /docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes@2x.png 2x" + src="/docs/{{ .Site.Params.docs_version }}/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="500" height="200"> + <hr class="half-rule"> + <a href="{{ .Site.Params.themes }}/" class="btn btn-outline-primary">Browse themes</a> + </div> +</div> |