Move bash snippets `$` to a `:before` so that it's not selectable.

3 files changed, 11 insertions, 5 deletions

diff --git a/docs/_includes/getting-started/download.html b/docs/_includes/getting-started/download.html
index 7564fd3cb0..08ddfe7d49 100644
--- a/docs/_includes/getting-started/download.html
+++ b/docs/_includes/getting-started/download.html
@@ -42,11 +42,11 @@
 
   <h2 id="download-bower">Install with Bower</h2>
   <p>You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using <a href="http://bower.io">Bower</a>:</p>
-  {% highlight bash %}$ bower install bootstrap{% endhighlight %}
+  {% highlight bash %}bower install bootstrap{% endhighlight %}
 
   <h2 id="download-npm">Install with npm</h2>
   <p>You can also install Bootstrap using <a href="https://www.npmjs.com">npm</a>:</p>
-  {% highlight bash %}$ npm install bootstrap@3{% endhighlight %}
+  {% highlight bash %}npm install bootstrap@3{% endhighlight %}
   <p><code>require('bootstrap')</code> will load all of Bootstrap's jQuery plugins onto the jQuery object. The <code>bootstrap</code> module itself does not export anything. You can manually load Bootstrap's jQuery plugins individually by loading the <code>/js/*.js</code> files under the package's top-level directory.</p>
   <p>Bootstrap's <code>package.json</code> contains some additional metadata under the following keys:</p>
   <ul>
@@ -56,7 +56,7 @@
 
   <h2 id="download-composer">Install with Composer</h2>
   <p>You can also install and manage Bootstrap's Less, CSS, JavaScript, and fonts using <a href="https://getcomposer.org">Composer</a>:</p>
-  {% highlight bash %}$ composer require twbs/bootstrap{% endhighlight %}
+  {% highlight bash %}composer require twbs/bootstrap{% endhighlight %}
 
   <h2 id="download-autoprefixer">Autoprefixer required for Less/Sass</h2>
   <p>Bootstrap uses <a href="https://github.com/postcss/autoprefixer">Autoprefixer</a> to deal with <a href="http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm">CSS vendor prefixes</a>. If you're compiling Bootstrap from its Less/Sass source and not using our Gruntfile, you'll need to integrate Autoprefixer into your build process yourself. If you're using precompiled Bootstrap or using our Gruntfile, you don't need to worry about this because Autoprefixer is already integrated into our Gruntfile.</p>
diff --git a/docs/_includes/getting-started/whats-included.html b/docs/_includes/getting-started/whats-included.html
index b9b42179ad..3d48efa2d3 100644
--- a/docs/_includes/getting-started/whats-included.html
+++ b/docs/_includes/getting-started/whats-included.html
@@ -12,7 +12,7 @@
   <p>Once downloaded, unzip the compressed folder to see the structure of (the compiled) Bootstrap. You'll see something like this:</p>
 <!-- NOTE: This info is intentionally duplicated in the README.
 Copy any changes made here over to the README too. -->
-{% highlight bash %}
+{% highlight text %}
 bootstrap/
 ├── css/
 │   ├── bootstrap.css
@@ -39,7 +39,7 @@ Copy any changes made here over to the README too. -->
 
   <h2 id="whats-included-source">Bootstrap source code</h2>
   <p>The Bootstrap source code download includes the precompiled CSS, JavaScript, and font assets, along with source Less, JavaScript, and documentation. More specifically, it includes the following and more:</p>
-{% highlight bash %}
+{% highlight text %}
 bootstrap/
 ├── less/
 ├── js/
diff --git a/docs/assets/less/syntax.less b/docs/assets/less/syntax.less
index e9d7f61ed7..2398d6c608 100644
--- a/docs/assets/less/syntax.less
+++ b/docs/assets/less/syntax.less
@@ -94,3 +94,9 @@
   display: inline-block;
   padding-right: 45px;
 }
+
+.language-bash:before {
+  color: #033;
+  content: "$ ";
+  user-select: none;
+}