From 9cc1a8dc1484969ad71c9aa63b87a1ee6d8aa00a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julien=20D=C3=A9ramond?= Date: Mon, 19 Dec 2022 22:07:35 +0100 Subject: [PATCH 1/6] Docs: replace twbs/bootstrap-npm-starter by twbs/examples/tree/main/icons-font --- site/content/docs/5.3/examples/starter-template/index.html | 6 ++++-- site/layouts/partials/callouts/info-npm-starter.md | 2 +- site/layouts/partials/footer.html | 2 +- site/layouts/partials/home/get-started.html | 2 +- 4 files changed, 7 insertions(+), 5 deletions(-) diff --git a/site/content/docs/5.3/examples/starter-template/index.html b/site/content/docs/5.3/examples/starter-template/index.html index 5a898a44d894..65e316e9b333 100644 --- a/site/content/docs/5.3/examples/starter-template/index.html +++ b/site/content/docs/5.3/examples/starter-template/index.html @@ -28,8 +28,10 @@

Get started with Bootstrap

Starter projects

Ready to beyond the starter template? Check out these open source projects that you can quickly duplicate to a new GitHub repository.

diff --git a/site/layouts/partials/callouts/info-npm-starter.md b/site/layouts/partials/callouts/info-npm-starter.md index bbd3897b5768..d81bfbbc8598 100644 --- a/site/layouts/partials/callouts/info-npm-starter.md +++ b/site/layouts/partials/callouts/info-npm-starter.md @@ -1 +1 @@ -**Get started with Bootstrap via npm with our starter project!** Head to the [twbs/bootstrap-npm-starter](https://github.com/twbs/bootstrap-npm-starter) template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons. +**Get started with Bootstrap via npm with our starter project!** Head to the [twbs/examples/tree/main/icons-font](https://github.com/twbs/examples/tree/main/icons-font) template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons. diff --git a/site/layouts/partials/footer.html b/site/layouts/partials/footer.html index d3718837531f..3feda0d69f23 100644 --- a/site/layouts/partials/footer.html +++ b/site/layouts/partials/footer.html @@ -41,7 +41,7 @@
Projects
  • Bootstrap 4
  • Icons
  • RFS
  • -
  • npm starter
  • +
  • npm starter
  • diff --git a/site/layouts/partials/home/get-started.html b/site/layouts/partials/home/get-started.html index 58ddb99961ff..7e988fbea318 100644 --- a/site/layouts/partials/home/get-started.html +++ b/site/layouts/partials/home/get-started.html @@ -19,7 +19,7 @@

    Get started any way you want

    Install via package manager

    - 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 use our npm template repo 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 use our npm starter template to quickly generate a Bootstrap project via npm.

    {{ highlight (printf ("npm install bootstrap@%s") .Site.Params.current_version) "sh" "" }} {{ highlight (printf ("gem install bootstrap -v %s") .Site.Params.current_ruby_version) "sh" "" }} From 053a80ed07ae8f635627008b260d295d7ba94613 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 3 Jan 2023 20:22:45 -0800 Subject: [PATCH 2/6] Revamp starter template to use new .icon-link, fix Bootstrap icon and text at top --- .../5.3/examples/starter-template/index.html | 87 +++++++++++++++---- 1 file changed, 71 insertions(+), 16 deletions(-) diff --git a/site/content/docs/5.3/examples/starter-template/index.html b/site/content/docs/5.3/examples/starter-template/index.html index 65e316e9b333..2d07d59b49fa 100644 --- a/site/content/docs/5.3/examples/starter-template/index.html +++ b/site/content/docs/5.3/examples/starter-template/index.html @@ -5,16 +5,26 @@ - "starter-template.css" --- + + + + + + Bootstrap + + + +
    - - Bootstrap + + Starter template
    -

    Get started with Bootstrap

    +

    Get started with Bootstrap

    Quickly and easily get started with Bootstrap's compiled, production-ready files with this barebones example featuring some basic HTML and helpful links. Download all our examples to get started.

    @@ -25,25 +35,70 @@

    Get started with Bootstrap

    -

    Starter projects

    +

    Starter projects

    Ready to beyond the starter template? Check out these open source projects that you can quickly duplicate to a new GitHub repository.

    -
    From ca4c5c310e391bd0c141c38c63a60a36bf1636cb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 3 Jan 2023 20:23:17 -0800 Subject: [PATCH 3/6] Remove extra CSS file --- .../docs/5.3/examples/starter-template/index.html | 2 -- .../5.3/examples/starter-template/starter-template.css | 9 --------- 2 files changed, 11 deletions(-) delete mode 100644 site/content/docs/5.3/examples/starter-template/starter-template.css diff --git a/site/content/docs/5.3/examples/starter-template/index.html b/site/content/docs/5.3/examples/starter-template/index.html index 2d07d59b49fa..13e032b4a7ed 100644 --- a/site/content/docs/5.3/examples/starter-template/index.html +++ b/site/content/docs/5.3/examples/starter-template/index.html @@ -1,8 +1,6 @@ --- layout: examples title: Starter Template -extra_css: - - "starter-template.css" --- diff --git a/site/content/docs/5.3/examples/starter-template/starter-template.css b/site/content/docs/5.3/examples/starter-template/starter-template.css deleted file mode 100644 index 582dcbe4f66c..000000000000 --- a/site/content/docs/5.3/examples/starter-template/starter-template.css +++ /dev/null @@ -1,9 +0,0 @@ -.icon-list li::before { - display: block; - flex-shrink: 0; - width: 1.5em; - height: 1.5em; - margin-right: .5rem; - content: ""; - background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto; -} From 9649f86c9274ba1c3d762ca0d40d369260b00428 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Tue, 3 Jan 2023 20:29:57 -0800 Subject: [PATCH 4/6] Change links to twbs/examples --- site/layouts/partials/callouts/info-npm-starter.md | 2 +- site/layouts/partials/footer.html | 2 +- site/layouts/partials/home/get-started.html | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/site/layouts/partials/callouts/info-npm-starter.md b/site/layouts/partials/callouts/info-npm-starter.md index d81bfbbc8598..cc4a50e68fd1 100644 --- a/site/layouts/partials/callouts/info-npm-starter.md +++ b/site/layouts/partials/callouts/info-npm-starter.md @@ -1 +1 @@ -**Get started with Bootstrap via npm with our starter project!** Head to the [twbs/examples/tree/main/icons-font](https://github.com/twbs/examples/tree/main/icons-font) template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons. +**Get started with Bootstrap via npm with our starter project!** Head to the [Sass & JS example](https://github.com/twbs/examples/tree/main/sass-js) template repository to see how to build and customize Bootstrap in your own npm project. Includes Sass compiler, Autoprefixer, Stylelint, PurgeCSS, and Bootstrap Icons. diff --git a/site/layouts/partials/footer.html b/site/layouts/partials/footer.html index 3feda0d69f23..819c6256dd63 100644 --- a/site/layouts/partials/footer.html +++ b/site/layouts/partials/footer.html @@ -41,7 +41,7 @@
    Projects
  • Bootstrap 4
  • Icons
  • RFS
  • -
  • npm starter
  • +
  • Examples repo
  • diff --git a/site/layouts/partials/home/get-started.html b/site/layouts/partials/home/get-started.html index 7e988fbea318..bd0ea3f2ad58 100644 --- a/site/layouts/partials/home/get-started.html +++ b/site/layouts/partials/home/get-started.html @@ -19,7 +19,7 @@

    Get started any way you want

    Install via package manager

    - 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 use our npm starter template 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 use any demo from our Examples repo to quickly jumpstart Bootstrap projects.

    {{ highlight (printf ("npm install bootstrap@%s") .Site.Params.current_version) "sh" "" }} {{ highlight (printf ("gem install bootstrap -v %s") .Site.Params.current_ruby_version) "sh" "" }} From c0efdc567dcd9517751aca6ebeccda7f1af00090 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 4 Jan 2023 10:41:34 -0800 Subject: [PATCH 5/6] Fix icon name --- .../5.3/examples/starter-template/index.html | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/site/content/docs/5.3/examples/starter-template/index.html b/site/content/docs/5.3/examples/starter-template/index.html index 13e032b4a7ed..9af5a02fd82c 100644 --- a/site/content/docs/5.3/examples/starter-template/index.html +++ b/site/content/docs/5.3/examples/starter-template/index.html @@ -38,25 +38,25 @@

    Starter projects