change input class to input-*, fixes #34

src/editable-form/editable-form.css

@@ -82,6 +82,10 @@
     margin: 0;
 }
 
+.editable-checklist label {
+    white-space: nowrap; 
+}
+
 .editable-clear {
    clear: both;
    font-size: 0.9em;

src/inputs-ext/address/address.js

@@ -95,9 +95,9 @@ $(function(){
     });
 
     Address.defaults = $.extend({}, $.fn.editabletypes.abstract.defaults, {
-        tpl: '<div><label><span>City: </span><input type="text" name="city" class="span2"></label></div>'+
-             '<div><label><span>Street: </span><input type="text" name="street" class="span2"></label></div>'+
-             '<div><label><span>Building: </span><input type="text" name="building" class="span1"></label></div>',
+        tpl: '<div><label><span>City: </span><input type="text" name="city" class="input-small"></label></div>'+
+             '<div><label><span>Street: </span><input type="text" name="street" class="input-small"></label></div>'+
+             '<div><label><span>Building: </span><input type="text" name="building" class="input-mini"></label></div>',
              
         inputclass: 'editable-address'
     });

src/inputs/abstract.js

@@ -151,12 +151,12 @@ To create your own input you should inherit from this class.
         tpl: '',
         /**
         CSS class automatically applied to input
-
+        
         @property inputclass 
         @type string
-        @default span2
+        @default input-medium
         **/         
-        inputclass: 'span2',
+        inputclass: 'input-medium',
         /**
         Name attribute of input
 

src/inputs/checklist.js

@@ -133,9 +133,9 @@ $(function(){
         /**
         @property inputclass 
         @type string
-        @default span2 editable-checklist
+        @default editable-checklist
         **/         
-        inputclass: 'span2 editable-checklist',        
+        inputclass: 'editable-checklist',        
         
         /**
         Separator of values in string when sending to server

src/inputs/textarea.js

@@ -74,9 +74,9 @@ $(function(){
         tpl:'<textarea></textarea>',
         /**
         @property inputclass 
-        @default span3
+        @default input-large
         **/          
-        inputclass:'span3',
+        inputclass: 'input-large',
         /**
         Placeholder attribute of input. Shown when input is empty.