Виталий Киренков

Предлагаю ужасное решение из-за ужасного вопроса ("Хочу убрать до максимума отступы по горизонтали между элементами").

table td,
table th {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

Смотрите функции, где-то есть рекурсия.

Так вы циклом не там бежите

Поменяйте на
$('a', '.main_nav').each

А внутри
var link = $(this).attr('href');

Да, при таком подходе класс придётся вешать на А. Вам принципиально нужно чтобы было на Ли? Тогда потребуется небольшая переделка.

https://habrahabr.ru/post/166435/

Наверное проблема в руках, а не в бутстрапе... Там сетка 12 колоночная, соответственно, если вам нужно 2 колонки, то и используете подряд .col-md-6, с одинаковым префиксом.

Скачайте архив весь с сайта, он есть в комплекте.

Респонсив - адаптив - знакомые слова? Если нет, то лучше учите профессию.

Делайте либо в процентах, либо в em-ах, но это уже по-сложнее.

Поставить Sublime text.

У вас проблема в последовательности дивов. Элементарно отрываете FireBug и видите, что футер у вас лежит внутри блока с последними работами, а должен, я так понимаю по соседству с #wrap

Читайте документацию на английском, проблем не будет с пониманием...

<div>
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

.item { width: 140px; padding: 0 20px;}

Если на русский перевести, то что они имели ввиду...

Не совсем понятно почему по ДОМУ у вас сначала идёт контент, а потом сайдбар - это первое...
Во-вторых если их поменять местами, и для сайдбара сделать left: 0, а для контента right: 0, то всё ровно будет.