Ответ 1
Посмотрите, помогает ли это: http://jsfiddle.net/panchroma/rWYQu/
-
В теге body добавьте
<body data-spy="scroll" data-target="#side-nav">
(см. скрипт слева). -
Оберните боковую навигационную панель в div с этим же идентификатором целевой цели:
<div id="side-nav" > -
Вероятно, вы захотите добавить класс аффикс к вашему боковому nav, чтобы он оставался на месте:
<ul class="nav nav-pills affix"> -
Добавьте уникальный идентификатор к каждой из ссылок в боковой панели: например
<li><a href="#one">One</a></li> -
В основной части страницы добавьте разделы с идентификаторами, которые соответствуют ссылкам в боковой панели: например
<section id="one"> Section 1 </section>
Что это!
ИЗМЕНИТЬ
Как мне получить стиль, например, пример Bootstrap на вашем сайте?
Здесь вариант, если вы хотите, чтобы stying похож на страницу начальной загрузки
http://jsfiddle.net/panchroma/ExWDq/
Вы увидите, что я изменил классы в навигационном списке ul, чтобы лучше использовать некоторые встроенные стили Bootstap, я добавил шевроны к ссылкам меню и добавил стилистические и медиа-запросы для навигационного списка.