Bootstrap 3 Skeleton

This is a simple Bootstrap skeleton. You can fork it to get a ready to use Bootstrap fiddle.

by pajakoo

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="btn-group" role="group" aria-label="Default button group">
      <button type="button" btn-type="btn-edit" class="btn btn-default">Edit</button>
      <button type="button" btn-type="btn-save" class="btn btn-default btn-save" disabled="">Save</button>
      <button type="button" btn-type="btn-close" class="btn btn-default">Close</button>
    </div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

JavaScript

//Remove return iin delete function

$(".btn-group").on("click", function(e){

    var $btn = $(e.target);   
    var btntype = $btn.attr("btn-type");
    
    switch(btntype){
    
        case "btn-edit": 
            $(".btn-group button").removeClass('active');
            $btn.addClass('active');
            $(".btn-save").removeAttr("disabled");
            changeListState('edit');
            break
            
        case "btn-save": 
             $(".btn-group button").removeClass('active');
            $btn.addClass('active');
            changeListState('save');
            break
            
        case "btn-close":  
            $(".btn-group button").removeClass('active');
            $btn.addClass('active');
            changeListState('close');
            break
            
    }
   
});


function changeListState(state){

    console.log("setState:", state);
    /*/inventory/saveInventory.do?inventory_id=E4A20400B6AF91F19677005056A54527&ITEMS={"ITEMS":[
{"MATNR":"","ITEM_UOM":"","ITEM_EAN":"","GUID_INV_ITEM":"E4A6EAE6524DA8F1B98A005056A54527","GUID_INV_LIST":"E4A20400B6AF91F19677005056A54527","ITEM_QUANT_CNT":"35","ITEM_QUANT_INIT":"24.68","EXT_MATNR":"","ITEM_PRICE":"112.34","ITEM_INFO":"","CNT_LIST":"0000000003","ITEM_TITLE":""}
]}*/
    
    /*/inventory/closeInventory.do?inventory_id=E4A20400B6AF91F19677005056A54527&ITEMS={"ITEMS":[
{"MATNR":"","ITEM_UOM":"","ITEM_EAN":"","GUID_INV_ITEM":"E4A6EAE6524DA8F1B98A005056A54527","GUID_INV_LIST":"E4A20400B6AF91F19677005056A54527","ITEM_QUANT_CNT":"35","ITEM_QUANT_INIT":"24.68","EXT_MATNR":"","ITEM_PRICE":"112.34","ITEM_INFO":"","CNT_LIST":"0000000003","ITEM_TITLE":""}
]}*/
    
    
/*/inventory/startInventory.do?inventory_id=E4A20400B6AF91F19677005056A54527*/    
    
    
}