left: -50%;
margin-left: 300px;.wrap будет равен 80vw=800px. Далее считаем свдиг .inner относительно ширины .wrap на left: -50%;, то есть сдвиг на -400px и далее идет margin-left: 300px;, что даст в сумме -400px + 300px = -100px..wrap будет равен 80vw=80px. Далее считаем свдиг .inner относительно ширины .wrap на left: -50%;, то есть сдвиг на -40px и далее идет margin-left: 300px;, что даст в сумме -40px + 300px = 260px.
<form/><form/>
$(document).on('click', function(){
if(!$(this).hasClass('navbar-collapse')){$(this) - в данном случаи $(document) и как оно может иметь класс .navbar-collapse. Можно вообще if тогда не писать, всегда будет срабатывать условие...$('.navbar-collapse').removeClass('in'); удалением класса? То что атрибуты добавляются, какие-то изменения в DOM происходят, их не нужно учитывать?
$('ul.tabs li').on('click',function(){
var tab_id = $(this).attr('data-tab');
$(this).addClass('current').siblings().removeClass('current');
$('.tab-content').removeClass('current').filter('#'+tab_id).addClass('current');
});
должно все заработать)
и я не понимаю, почему используется делигированные события.