Unfuck JS docs spacing and closing divs

javascript.html

@@ -222,8 +222,6 @@ $('#myModal').on('show.bs.modal', function (e) {
   </div><!-- /.modal -->
 {% endhighlight %}
 
-
-
     <h2 id="modals-usage">Usage</h2>
 
     <h3>Via data attributes</h3>
@@ -344,7 +342,6 @@ $('#myModal').on('hidden.bs.modal', function () {
       <h1 id="dropdowns">Dropdowns <small>dropdown.js</small></h1>
     </div>
 
-
     <h2 id="dropdowns-examples">Examples</h2>
     <p>Add dropdown menus to nearly anything with this simple plugin, including the navbar, tabs, and pills.</p>
 
@@ -436,9 +433,6 @@ $('#myModal').on('hidden.bs.modal', function () {
     </div> <!-- /example -->
 
 
-          <hr class="bs-docs-separator">
-
-
     <h2 id="dropdowns-usage">Usage</h2>
 
     <h3>Via data attributes</h3>
@@ -475,7 +469,7 @@ $('.dropdown-toggle').dropdown()
     <h3>Methods</h3>
     <h4>$().dropdown('toggle')</h4>
     <p>A programmatic api for toggling menus for a given navbar or tabbed navigation.</p>
-        </section>
+  </div>
 
 
 
@@ -599,7 +593,7 @@ $('#myScrollspy').on('activate.bs.scrollspy', function () {
   // do something…
 })
 {% endhighlight %}
-        </section>
+  </div>
 
 
 
@@ -610,7 +604,6 @@ $('#myScrollspy').on('activate.bs.scrollspy', function () {
       <h1 id="tabs">Togglable tabs <small>tab.js</small></h1>
     </div>
 
-
     <h2 id="tabs-examples">Example tabs</h2>
     <p>Add quick, dynamic tab functionality to transition through panes of local content, even via dropdown menus.</p>
     <div class="bs-example bs-example-tabs">
@@ -642,9 +635,6 @@ $('#myScrollspy').on('activate.bs.scrollspy', function () {
     </div><!-- /example -->
 
 
-          <hr class="bs-docs-separator">
-
-
     <h2 id="tabs-usage">Usage</h2>
     <p>Enable tabbable tabs via JavaScript (each tab needs to be activated individually):</p>
 {% highlight js %}
@@ -727,7 +717,8 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
   e.relatedTarget // previous tab
 })
 {% endhighlight %}
-        </section>
+  </div>
+
 
 
   <!-- Tooltips
@@ -760,8 +751,6 @@ $('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
       <p>When using tooltips on elements within a <code>.btn-group</code> or an <code>.input-group</code>, you'll have to specify the option <code>container: 'body'</code> (documented below) to avoid unwanted side effects (such as the element growing wider and/or losing its rounded corners when the tooltip is triggered).</p>
     </div>
 
-          <hr class="bs-docs-separator">
-
 
     <h2 id="tooltips-usage">Usage</h2>
     <p>Trigger the tooltip via JavaScript:</p>
@@ -867,7 +856,7 @@ $('#example').tooltip(options)
     <h4>.tooltip('destroy')</h4>
     <p>Hides and destroys an element's tooltip.</p>
     {% highlight js %}$('#element').tooltip('destroy'){% endhighlight %}
-        </section>
+  </div>
 
 
 
@@ -944,9 +933,6 @@ $('#example').tooltip(options)
     </div><!-- /example -->
 
 
-        <hr class="bs-docs-separator">
-
-
     <h2 id="popovers-usage">Usage</h2>
     <p>Enable popovers via JavaScript:</p>
     {% highlight js %}$('#example').popover(options){% endhighlight %}
@@ -1052,7 +1038,7 @@ $('#example').tooltip(options)
     <h4>.popover('destroy')</h4>
     <p>Hides and destroys an element's popover.</p>
     {% highlight js %}$('#element').popover('destroy'){% endhighlight %}
-      </section>
+  </div>
 
 
 
@@ -1085,9 +1071,6 @@ $('#example').tooltip(options)
     </div><!-- /example -->
 
 
-        <hr class="bs-docs-separator">
-
-
     <h2 id="alerts-usage">Usage</h2>
     <p>Enable dismissal of an alert via JavaScript:</p>
     {% highlight js %}$(".alert").alert(){% endhighlight %}
@@ -1226,9 +1209,6 @@ $('#my-alert').bind('closed.bs.alert', function () {
 {% endhighlight %}
 
 
-            <hr class="bs-docs-separator">
-
-
     <h2 id="buttons-usage">Usage</h2>
     <p>Enable buttons via JavaScript:</p>
 {% highlight js %}
@@ -1389,9 +1369,6 @@ $('.nav-tabs').button()
 {% endhighlight %}
 
 
-            <hr class="bs-docs-separator">
-
-
     <h2 id="collapse-usage">Usage</h2>
 
     <h3>Via data attributes</h3>
@@ -1486,7 +1463,7 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
   // do something…
 })
 {% endhighlight %}
-          </section>
+  </div>
 
 
 
@@ -1610,10 +1587,6 @@ $('#myCollapsible').on('hidden.bs.collapse', function () {
 {% endhighlight %}
 
 
-
-            <hr class="bs-docs-separator">
-
-
     <h2 id="carousel-usage">Usage</h2>
 
     <h3>Via data attributes</h3>
@@ -1698,12 +1671,12 @@ $('.carousel').carousel({
        </tr>
       </tbody>
     </table>
-            {% highlight js %}
+{% highlight js %}
 $('#myCarousel').on('slide.bs.carousel', function () {
   // do something…
 })
 {% endhighlight %}
-          </section>
+  </div>
 
 
 
@@ -1771,4 +1744,4 @@ $('#myCarousel').on('slide.bs.carousel', function () {
        </tr>
       </tbody>
     </table>
-        </section>
+  </div>