I ended up taking buttons and then adding event to it. was very easy only.
----------events----------------
'click #reportConfigStepsPrev':function(){
$("#wizard").steps('previous');
},
'click #reportConfigStepsNext':function(){
$("#wizard").steps('next');
},
------------------------------------------------
onStepChanged: function(event, currentIndex, newIndex)
{
if(currentIndex == 0)
{
$("#reportConfigStepsPrev").addClass("btn-default");
$("#reportConfigStepsPrev").removeClass("btn-primary");
}
else
$("#reportConfigStepsPrev").addClass("btn-primary");
if(currentIndex == ($(".steps li").length - 1))
{
$("#reportConfigStepsNext").addClass("btn-default");
$("#reportConfigStepsNext").removeClass("btn-primary");
}
else
$("#reportConfigStepsNext").addClass("btn-primary");
},
-----------------html----------------------------
<button type="button" id="reportConfigStepsPrev" class="rbtn btn-sm btn-default"><i class="fa fa-chevron-left"></i></button>
<button type="button" id="reportConfigStepsNext" class="reportConfigNevigation btn btn-sm btn-primary"><i class="fa fa-chevron-right"></i></button>