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

diff --git a/docs/_includes/getting-started/download.html b/docs/_includes/getting-started/download.html
index 7564fd3cb0e858b10c21adc11a512865a603c26d..08ddfe7d49919f97e65b423e6c1a75e9dcb74830 100644 (file)
--- 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 b9b42179ad11174e542badbb0b66e019ca3e60ab..3d48efa2d33549fb625c66f3fd68b5220c024013 100644 (file)
--- 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 e9d7f61ed73d1b47b7e7f0c32764307654011c39..2398d6c6085feb39f6ca4b679237a46177d602fc 100644 (file)
--- 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;
+}