From ae87f8f7ce46625257bf5ad0640630958bf16057 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Thu, 19 Nov 2020 11:13:08 +0200
Subject: [PATCH] homepage: split snippets and show copy buttons (#32196)

---
 site/docs/4.5/assets/scss/_masthead.scss | 6 ------
 site/index.html                          | 8 +++++---
 2 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/site/docs/4.5/assets/scss/_masthead.scss b/site/docs/4.5/assets/scss/_masthead.scss
index 62047fbbb3..6a13562e33 100644
--- 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 58137dcf15..9e96fac643 100644
--- 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 %}