Fix responsive grid example not rendering correctly in combined view (#5285)

* Fix responsive grid example not rendering correctly in combined view

* Revert "Fix responsive grid example not rendering correctly in combined view"

This reverts commit 50dc22d230ddd87b7e417ab3916da4ee37a9ba22.

* Move responsive grid example col class names to markup

* Periods before each class name in responsive example

Author: jmuzina

templates/docs/examples/patterns/grid/responsive.html

@@ -3,46 +3,51 @@
 
 {% block standalone_css %}patterns_grid{% endblock %}
 
-{% block style %}
-<style>
-[class*='col-']::before {
-  content: '.' attr(class);
-}
-</style>
-{% endblock %}
-
 {% block content %}
 <div class="grid-demo">
   <div class="row">
     <div class="col-2 col-medium-1 col-small-1">
+      .col-2.col-medium-1.col-small-1
     </div>
     <div class="col-2 col-medium-1 col-small-1">
+      .col-2.col-medium-1.col-small-1
     </div>
     <div class="col-2 col-medium-1 col-small-2">
+      .col-2.col-medium-1.col-small-2
     </div>
     <div class="col-2 col-medium-1 col-small-2">
+      .col-2.col-medium-1.col-small-2
     </div>
     <div class="col-2 col-medium-1 col-small-1">
+      .col-2.col-medium-1.col-small-1
     </div>
     <div class="col-2 col-medium-1 col-small-1">
+      .col-2.col-medium-1.col-small-1
     </div>
   </div>
   <div class="row">
     <div class="col-3 col-medium-1 col-small-1">
+      .col-3.col-medium-1.col-small-1
     </div>
     <div class="col-3 col-medium-2 col-small-1">
+      .col-3.col-medium-2.col-small-1
     </div>
     <div class="col-3 col-medium-2 col-small-1">
+      .col-3.col-medium-2.col-small-1
     </div>
     <div class="col-3 col-medium-1 col-small-1">
+      .col-3.col-medium-1.col-small-1
     </div>
   </div>
   <div class="row">
     <div class="col-4 col-medium-2 col-small-4">
+      .col-4.col-medium-2.col-small-4
     </div>
     <div class="col-4 col-medium-2 col-small-2">
+      .col-4.col-medium-2.col-small-2
     </div>
     <div class="col-4 col-medium-2 col-small-2">
+      .col-4.col-medium-2.col-small-2
     </div>
   </div>
 </div>