homepage: split snippets and show copy buttons (#32196)

diff --git a/site/docs/4.5/assets/scss/_masthead.scss b/site/docs/4.5/assets/scss/_masthead.scss
index 62047fbbb306016c3d82207c09d0e57027baa795..6a13562e33e24ccbf4f2041bca512805f045515b 100644 (file)
--- a/site/docs/4.5/assets/scss/_masthead.scss
+++ b/site/docs/4.5/assets/scss/_masthead.scss
@@ -44,8 +44,6 @@
 }
 
 .masthead-followup {
-  .bd-clipboard { display: none; }
-
   h2 {
     @include font-size(2.5rem);
   }
@@ -60,10 +58,6 @@
     pre code {
       display: inline-block;
       white-space: pre;
-
-      &::before {
-        display: none;
-      }
     }
   }
 }

diff --git a/site/index.html b/site/index.html
index 58137dcf15b0a26cdf49e55589a975aa84aa6110..9e96fac6436f679e963ccb4e634359b099abc738 100644 (file)
--- a/site/index.html
+++ b/site/index.html
@@ -42,10 +42,10 @@ layout: home
       </div>
       <div class="col-md-7 pl-md-5">
 {% highlight sh %}
-# Via npm
 npm install bootstrap
+{% endhighlight %}
 
-# Via gem
+{% highlight sh %}
 gem install bootstrap -v {{ site.current_ruby_version }}
 {% endhighlight %}
       </div>
@@ -69,8 +69,10 @@ gem install bootstrap -v {{ site.current_ruby_version }}
 {% highlight html %}
 <!-- CSS -->
 <link rel="stylesheet" href="{{ site.cdn.css }}" integrity="{{ site.cdn.css_hash }}" crossorigin="anonymous">
+{% endhighlight %}
 
-<!-- jQuery and JS bundle w/ Popper.js -->
+{% highlight html %}
+<!-- jQuery and JavaScript Bundle with Popper.js -->
 <script src="{{ site.cdn.jquery }}" integrity="{{ site.cdn.jquery_hash }}" crossorigin="anonymous"></script>
 <script src="{{ site.cdn.js_bundle }}" integrity="{{ site.cdn.js_bundle_hash }}" crossorigin="anonymous"></script>
 {% endhighlight %}