diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/index.html')
| -rw-r--r-- | vendor/twbs/bootstrap/site/index.html | 24 |
1 files changed, 15 insertions, 9 deletions
diff --git a/vendor/twbs/bootstrap/site/index.html b/vendor/twbs/bootstrap/site/index.html index 2c5dda44b..df50c7291 100644 --- a/vendor/twbs/bootstrap/site/index.html +++ b/vendor/twbs/bootstrap/site/index.html @@ -6,19 +6,23 @@ layout: home <div class="container"> <div class="row align-items-center"> <div class="col-6 mx-auto col-md-6 order-md-2"> - <img class="img-fluid mb-3 mb-md-0" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-stack.png" alt="" width="1024" height="860"> + {% include icons/bootstrap-stack.svg width="512" height="430" class="img-fluid mb-3 mb-md-0" %} </div> <div class="col-md-6 order-md-1 text-center text-md-left pr-md-5"> <h1 class="mb-3 bd-text-purple-bright">Bootstrap</h1> <p class="lead"> - Build responsive, mobile-first projects on the web with the world's most popular front-end component library. + Build responsive, mobile-first projects on the web with the world’s most popular front-end component library. </p> <p class="lead mb-4"> Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery. </p> - <div class="d-flex flex-column flex-md-row lead mb-3"> - <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/introduction/" class="btn btn-lg btn-bd-primary mb-3 mb-md-0 mr-md-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">Get started</a> - <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/download/" class="btn btn-lg btn-outline-secondary" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download</a> + <div class="row mx-n2"> + <div class="col-md px-2"> + <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/introduction/" class="btn btn-lg btn-bd-primary w-100 mb-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">Get started</a> + </div> + <div class="col-md px-2"> + <a href="{{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/download/" class="btn btn-lg btn-outline-secondary w-100 mb-3" onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">Download</a> + </div> </div> <p class="text-muted mb-0"> Currently v{{ site.current_version }} @@ -34,7 +38,7 @@ layout: home <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> {% include icons/import.svg width="32" height="32" class="text-primary mb-2" %} <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> + <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 sh %} npm install bootstrap @@ -52,7 +56,7 @@ gem install bootstrap -v {{ site.current_ruby_version }} <!-- Icon by Bytesize https://github.com/danklammer/bytesize-icons --> {% include icons/download.svg width="32" height="32" class="text-primary mb-2" %} <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> + <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 html %} @@ -76,8 +80,10 @@ gem install bootstrap -v {{ site.current_ruby_version }} <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" src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="1024" height="388"> + <img class="img-fluid mt-3 mx-auto" srcset="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-themes.png, + {{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-themes@2x.png 2x" + src="{{ site.baseurl }}/docs/{{ site.docs_version }}/assets/img/bootstrap-themes.png" alt="Bootstrap Themes" width="500" height="200"> <hr class="half-rule"> - <a href="{{ site.themes }}" class="btn btn-outline-primary">Browse themes</a> + <a href="{{ site.themes }}/" class="btn btn-outline-primary">Browse themes</a> </div> </div> |