diff options
Diffstat (limited to 'vendor/twbs/bootstrap/site/layouts/partials/home/get-started.html')
-rw-r--r-- | vendor/twbs/bootstrap/site/layouts/partials/home/get-started.html | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/vendor/twbs/bootstrap/site/layouts/partials/home/get-started.html b/vendor/twbs/bootstrap/site/layouts/partials/home/get-started.html index 2c3270450..ac377a700 100644 --- a/vendor/twbs/bootstrap/site/layouts/partials/home/get-started.html +++ b/vendor/twbs/bootstrap/site/layouts/partials/home/get-started.html @@ -7,19 +7,19 @@ Jump right into building with Bootstrap—use the CDN, install it via package manager, or download the source code. </p> <p class="d-flex justify-content-md-start justify-content-md-center lead fw-normal"> - <a href="/docs/{{ .Site.Params.docs_version }}/getting-started/download/" class="icon-link fw-semibold justify-content-center ps-md-4"> + <a href="/docs/{{ .Site.Params.docs_version }}/getting-started/download/" class="icon-link icon-link-hover fw-semibold ps-md-4"> Read installation docs - <svg class="bi"><use xlink:href="#arrow-right-short"></use></svg> + <svg class="bi"><use xlink:href="#arrow-right"></use></svg> </a> </p> </div> <section class="row g-3 g-md-5 mb-5 pb-5 justify-content-center"> <div class="col-lg-6 py-lg-4 pe-lg-5"> - <svg class="bi mb-2 fs-2 text-muted"><use xlink:href="#box-seam"></use></svg> + <svg class="bi mb-2 fs-2 text-body-secondary"><use xlink:href="#box-seam"></use></svg> <h3 class="fw-semibold">Install via package manager</h3> <p class="pe-lg-5"> - Install Bootstrap’s source Sass and JavaScript files via npm, RubyGems, Composer, or Meteor. Package managed installs don’t include documentation or our full build scripts. You can also <a href="https://github.com/twbs/bootstrap-npm-starter">use our npm template repo</a> to quickly generate a Bootstrap project via npm. + Install Bootstrap’s source Sass and JavaScript files via npm, RubyGems, Composer, or Meteor. Package managed installs don’t include documentation or our full build scripts. You can also <a href="https://github.com/twbs/examples/">use any demo from our Examples repo</a> to quickly jumpstart Bootstrap projects. </p> {{ highlight (printf ("npm install bootstrap@%s") .Site.Params.current_version) "sh" "" }} {{ highlight (printf ("gem install bootstrap -v %s") .Site.Params.current_ruby_version) "sh" "" }} @@ -28,7 +28,7 @@ </p> </div> <div class="col-lg-6 py-lg-4 ps-lg-5 border-lg-start"> - <svg class="bi mb-2 fs-2 text-muted"><use xlink:href="#globe2"></use></svg> + <svg class="bi mb-2 fs-2 text-body-secondary"><use xlink:href="#globe2"></use></svg> <h3 class="fw-semibold">Include via CDN</h3> <p class="pe-lg-5"> When you only need to include Bootstrap’s compiled CSS or JS, you can use <a href="https://www.jsdelivr.com/package/npm/bootstrap">jsDelivr</a>. See it in action with our simple <a href="/docs/{{ .Site.Params.docs_version }}/getting-started/introduction/#quick-start">quick start</a>, or <a href="/docs/{{ .Site.Params.docs_version }}/examples/">browse the examples</a> to jumpstart your next project. You can also choose to include Popper and our JS <a href="/docs/{{ .Site.Params.docs_version }}/getting-started/introduction/#separate">separately</a>. @@ -43,15 +43,15 @@ <div class="d-flex flex-wrap align-items-center justify-content-center gap-4 mt-4"> <a class="d-flex flex-column align-items-center text-decoration-none animate-img" href="/docs/{{ .Site.Params.docs_version }}/getting-started/webpack"> <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/webpack.svg" alt="" width="72" height="72" loading="lazy"> - <span class="text-muted">Webpack</span> + <span class="text-body-secondary">Webpack</span> </a> <a class="d-flex flex-column align-items-center text-decoration-none animate-img" href="/docs/{{ .Site.Params.docs_version }}/getting-started/parcel"> <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/parcel.png" alt="" width="72" height="72" loading="lazy"> - <span class="text-muted">Parcel</span> + <span class="text-body-secondary">Parcel</span> </a> <a class="d-flex flex-column align-items-center text-decoration-none animate-img" href="/docs/{{ .Site.Params.docs_version }}/getting-started/vite"> <img class="d-block mb-2" src="/docs/{{ .Site.Params.docs_version }}/assets/img/vite.svg" alt="" width="72" height="72" loading="lazy"> - <span class="text-muted">Vite</span> + <span class="text-body-secondary">Vite</span> </a> </div> </div> |