Надеюсь это то, что Вы имели ввиду ссылка

Желательно снача верстать. Но если выбранная система спецефическая и генерирует уже определнный html, тогда лучше сразу на движке верстать. В своих разраьотках использую Webasyst. Очень удобное решение для расширения. Изначально идет модуль сайта и блога, магазин можно установить потом.

<form class="form form-horizontal" method="POST" action="callback.php">
    <div class="controls">
        <div class="btn-group" data-toggle="buttons-checkbox" name="my_name">
            <div class="btn btn-mini" value="value_1">Опция 1</div>
            <div class="btn btn-mini" value="value_2">Опция 2</div>
            <div class="btn btn-mini" value="value_3">Опция 3</div>
            <div class="btn btn-mini" value="value_4">Опция 4</div>
            <div class="btn btn-mini" value="value_5">Опция 5</div>
        </div>
    </div>
    <button class="btn btn-success" type="submit">Отправить</button>
</form>

$(function(){
   $('.btn-group[data-toggle="buttons-checkbox"]').each(function(){
       var name = $(this).attr('name');
       var def_val= $(this).find('btn:eq(0)');
       $(this).add('input').attr({'name':name,'type':'hidden'}).vla(def_val);
   });
});
$('.btn-group .btn').live('click',function(){
    $(this).parent().find('input').val($(this).val());
});

Как то так. Инпут можно вручную добавить.