Legioner911

Все такие решения строяться на одном единственном принципе: проставление стиля position: fixed на элементе, который нужно зафризить. Работает вплоть до IE8 (если использовать DOCTYPE). Есть полно плагингов, 10+ jQuery Sticky Scroll Plugins

можно скачать исходники bootstrap-а и подключить только необходимое, например
variables.less, grid.less и при сборке у вас будет только то что вы включите.
если сложности с ручным добавлением, то aen дал ссылку на интерфейс для сборки

К сетке bootstrap относятся классы .row, классы типа .col-*, и при желание .container. Вы можете просто скопировать стили этих классов себе в стили.

На практике я не использую offset а пустые блоки.
В вашем случае самый простой способ это добавить пустые колонки.

<div class="row">
    <div class="col-md-offset-1 col-md-10">
          Блок с отступом слева.
    </div>
    <div class="col-md-1">
    </div>
</div>

только убедитесь что в css колонкам прописано min-height: 1px;

Есть замечательный сервис mazwai.com

все верно сделано. главное, проверьте в IE9, Safari Win - если в них хорошо, то можно не переживать за остальные браузеры.

В общем я слышал, что некоторым современным браузерам не нужно подключать файлы со сбросом стилей.

Это глупость.
Браузеры от версии к версии крайне редко изменяют свои внутренние стили для базовых элементов. Использовать сброс стилей будет актуально до тех пор, пока в ходу будут разные браузеры.

А что Вы пытаетесь своей функцией сделать? Вы в курсе, что toogle, начиная с версии 1.8, переключает отображение элемента, а не переключается между двумя функциями?
Почему Вы запускаете toggle при загрузке страницы, в чем смысл?

Для Ваших целей скорее всего подойдет функция toggleClass.