No leading pluses

dist/css/bootstrap.css

@@ -1456,6 +1456,7 @@ table col[class*="col-"] {
 }
 table td[class*="col-"],
 table th[class*="col-"] {
+  position: static;
   display: table-cell;
   float: none;
 }

js/scrollspy.js

@@ -88,15 +88,15 @@
       .parents('.active')
       .removeClass('active')
 
-    var selector = this.selector
-      + '[data-target="' + target + '"],'
-      + this.selector + '[href="' + target + '"]'
+    var selector = this.selector +
+        '[data-target="' + target + '"],' +
+        this.selector + '[href="' + target + '"]'
 
     var active = $(selector)
       .parents('li')
       .addClass('active')
 
-    if (active.parent('.dropdown-menu').length)  {
+    if (active.parent('.dropdown-menu').length) {
       active = active
         .closest('li.dropdown')
         .addClass('active')

js/tests/unit/alert.js

@@ -17,10 +17,10 @@ $(function () {
       })
 
       test('should fade element out on clicking .close', function () {
-        var alertHTML = '<div class="alert-message warning fade in">'
-          + '<a class="close" href="#" data-dismiss="alert">×</a>'
-          + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
-          + '</div>',
+        var alertHTML = '<div class="alert-message warning fade in">' +
+            '<a class="close" href="#" data-dismiss="alert">×</a>' +
+            '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' +
+            '</div>',
           alert = $(alertHTML).alert()
 
         alert.find('.close').click()
@@ -31,10 +31,10 @@ $(function () {
       test('should remove element when clicking .close', function () {
         $.support.transition = false
 
-        var alertHTML = '<div class="alert-message warning fade in">'
-          + '<a class="close" href="#" data-dismiss="alert">×</a>'
-          + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>'
-          + '</div>',
+        var alertHTML = '<div class="alert-message warning fade in">' +
+            '<a class="close" href="#" data-dismiss="alert">×</a>' +
+            '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' +
+            '</div>',
           alert = $(alertHTML).appendTo('#qunit-fixture').alert()
 
         ok($('#qunit-fixture').find('.alert-message').length, 'element added to dom')

js/tests/unit/dropdown.js

@@ -18,68 +18,68 @@ $(function () {
       })
 
       test('should not open dropdown if target is disabled', function () {
-        var dropdownHTML = '<ul class="tabs">'
-          + '<li class="dropdown">'
-          + '<button disabled href="#" class="btn dropdown-toggle" data-toggle="dropdown">Dropdown</button>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#">Secondary link</a></li>'
-          + '<li><a href="#">Something else here</a></li>'
-          + '<li class="divider"></li>'
-          + '<li><a href="#">Another link</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>',
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<button disabled href="#" class="btn dropdown-toggle" data-toggle="dropdown">Dropdown</button>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
             dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
 
         ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
       })
 
       test('should not open dropdown if target is disabled', function () {
-        var dropdownHTML = '<ul class="tabs">'
-          + '<li class="dropdown">'
-          + '<button href="#" class="btn dropdown-toggle disabled" data-toggle="dropdown">Dropdown</button>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#">Secondary link</a></li>'
-          + '<li><a href="#">Something else here</a></li>'
-          + '<li class="divider"></li>'
-          + '<li><a href="#">Another link</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>',
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<button href="#" class="btn dropdown-toggle disabled" data-toggle="dropdown">Dropdown</button>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
             dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
 
         ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
       })
 
       test('should add class open to menu if clicked', function () {
-        var dropdownHTML = '<ul class="tabs">'
-          + '<li class="dropdown">'
-          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#">Secondary link</a></li>'
-          + '<li><a href="#">Something else here</a></li>'
-          + '<li class="divider"></li>'
-          + '<li><a href="#">Another link</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>',
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
             dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
 
         ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
       })
 
       test('should test if element has a # before assuming it\'s a selector', function () {
-        var dropdownHTML = '<ul class="tabs">'
-          + '<li class="dropdown">'
-          + '<a href="/foo/" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#">Secondary link</a></li>'
-          + '<li><a href="#">Something else here</a></li>'
-          + '<li class="divider"></li>'
-          + '<li><a href="#">Another link</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>',
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="/foo/" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
             dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
 
         ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
@@ -87,17 +87,17 @@ $(function () {
 
 
       test('should remove open class if body clicked', function () {
-        var dropdownHTML = '<ul class="tabs">'
-          + '<li class="dropdown">'
-          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#">Secondary link</a></li>'
-          + '<li><a href="#">Something else here</a></li>'
-          + '<li class="divider"></li>'
-          + '<li><a href="#">Another link</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>',
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
             dropdown = $(dropdownHTML)
               .appendTo('#qunit-fixture')
               .find('[data-toggle="dropdown"]')
@@ -111,23 +111,22 @@ $(function () {
       })
 
       test('should remove open class if body clicked, with multiple drop downs', function () {
-          var dropdownHTML =
-            '<ul class="nav">'
-            + '    <li><a href="#menu1">Menu 1</a></li>'
-            + '    <li class="dropdown" id="testmenu">'
-            + '      <a class="dropdown-toggle" data-toggle="dropdown" href="#testmenu">Test menu <b class="caret"></b></a>'
-            + '      <ul class="dropdown-menu" role="menu">'
-            + '        <li><a href="#sub1">Submenu 1</a></li>'
-            + '      </ul>'
-            + '    </li>'
-            + '</ul>'
-            + '<div class="btn-group">'
-            + '    <button class="btn">Actions</button>'
-            + '    <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>'
-            + '    <ul class="dropdown-menu">'
-            + '        <li><a href="#">Action 1</a></li>'
-            + '    </ul>'
-            + '</div>',
+          var dropdownHTML = '<ul class="nav">' +
+              '    <li><a href="#menu1">Menu 1</a></li>' +
+              '    <li class="dropdown" id="testmenu">' +
+              '      <a class="dropdown-toggle" data-toggle="dropdown" href="#testmenu">Test menu <b class="caret"></b></a>' +
+              '      <ul class="dropdown-menu" role="menu">' +
+              '        <li><a href="#sub1">Submenu 1</a></li>' +
+              '      </ul>' +
+              '    </li>' +
+              '</ul>' +
+              '<div class="btn-group">' +
+              '    <button class="btn">Actions</button>' +
+              '    <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>' +
+              '    <ul class="dropdown-menu">' +
+              '        <li><a href="#">Action 1</a></li>' +
+              '    </ul>' +
+              '</div>',
               dropdowns = $(dropdownHTML).appendTo('#qunit-fixture').find('[data-toggle="dropdown"]'),
               first = dropdowns.first(),
               last = dropdowns.last()
@@ -150,17 +149,17 @@ $(function () {
       })
 
       test('should fire show and hide event', function () {
-        var dropdownHTML = '<ul class="tabs">'
-          + '<li class="dropdown">'
-          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#">Secondary link</a></li>'
-          + '<li><a href="#">Something else here</a></li>'
-          + '<li class="divider"></li>'
-          + '<li><a href="#">Another link</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>',
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
             dropdown = $(dropdownHTML)
               .appendTo('#qunit-fixture')
               .find('[data-toggle="dropdown"]')
@@ -184,17 +183,17 @@ $(function () {
 
 
       test('should fire shown and hiden event', function () {
-        var dropdownHTML = '<ul class="tabs">'
-          + '<li class="dropdown">'
-          + '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#">Secondary link</a></li>'
-          + '<li><a href="#">Something else here</a></li>'
-          + '<li class="divider"></li>'
-          + '<li><a href="#">Another link</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>',
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
             dropdown = $(dropdownHTML)
               .appendTo('#qunit-fixture')
               .find('[data-toggle="dropdown"]')

js/tests/unit/scrollspy.js

@@ -19,16 +19,15 @@ $(function () {
       test('should switch active class on scroll', function () {
         var sectionHTML = '<div id="masthead"></div>'
             $section = $(sectionHTML).append('#qunit-fixture'),
-            topbarHTML = '<div class="topbar">'
-          + '<div class="topbar-inner">'
-          + '<div class="container">'
-          + '<h3><a href="#">Bootstrap</a></h3>'
-          + '<ul class="nav">'
-          + '<li><a href="#masthead">Overview</a></li>'
-          + '</ul>'
-          + '</div>'
-          + '</div>'
-          + '</div>',
+            topbarHTML = '<div class="topbar">' +
+            '<div class="topbar-inner">' +
+            '<div class="container">' +
+            '<h3><a href="#">Bootstrap</a></h3>' +
+            '<li><a href="#masthead">Overview</a></li>' +
+            '</ul>' +
+            '</div>' +
+            '</div>' +
+            '</div>',
             $topbar = $(topbarHTML).scrollspy()
 
         ok($topbar.find('.active', true))

js/tests/unit/tab.js

@@ -17,11 +17,10 @@ $(function () {
       })
 
       test('should activate element by tab id', function () {
-        var tabsHTML =
-            '<ul class="tabs">'
-          + '<li><a href="#home">Home</a></li>'
-          + '<li><a href="#profile">Profile</a></li>'
-          + '</ul>'
+        var tabsHTML = '<ul class="tabs">' +
+            '<li><a href="#home">Home</a></li>' +
+            '<li><a href="#profile">Profile</a></li>' +
+            '</ul>'
 
         $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture')
 
@@ -33,11 +32,10 @@ $(function () {
       })
 
       test('should activate element by tab id', function () {
-        var pillsHTML =
-            '<ul class="pills">'
-          + '<li><a href="#home">Home</a></li>'
-          + '<li><a href="#profile">Profile</a></li>'
-          + '</ul>'
+        var pillsHTML = '<ul class="pills">' +
+            '<li><a href="#home">Home</a></li>' +
+            '<li><a href="#profile">Profile</a></li>' +
+            '</ul>'
 
         $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture')
 
@@ -65,15 +63,14 @@ $(function () {
       })
 
       test('show and shown events should reference correct relatedTarget', function () {
-        var dropHTML =
-            '<ul class="drop">'
-          + '<li class="dropdown"><a data-toggle="dropdown" href="#">1</a>'
-          + '<ul class="dropdown-menu">'
-          + '<li><a href="#1-1" data-toggle="tab">1-1</a></li>'
-          + '<li><a href="#1-2" data-toggle="tab">1-2</a></li>'
-          + '</ul>'
-          + '</li>'
-          + '</ul>'
+        var dropHTML = '<ul class="drop">' +
+            '<li class="dropdown"><a data-toggle="dropdown" href="#">1</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#1-1" data-toggle="tab">1-1</a></li>' +
+            '<li><a href="#1-2" data-toggle="tab">1-2</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>'
 
         $(dropHTML).find('ul>li:first a').tab('show').end()
           .find('ul>li:last a').on('show', function (event) {