JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.0.4/css/bootstrap-combined.min.css">
<html lang="en">
<body id="bootstrap-js">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Lorem ipsum everywhere!</h3>
</div>
<div class="modal-body" >
<ul class="nav nav-pills nav-stacked pull-left" style="position:fixed">
<li><a href="#section1">section 1</a></li>
<li><a href="#section2">section 2</a></li>
<li><a href="#section3">section 3</a></li>
<li><a href="#section4">section 4</a></li>
<li><a href="#section5">section 5</a></li>
<li><a href="#section6">section 6</a></li>
</ul>
<div id="to-Scroll" style="margin-left: 100px" data-spy="scroll">
<h4 id="section1">Section 1</h4>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque porta, elit vel gravida ornare, massa arcu placerat elit, vel faucibus turpis lectus euismod nibh. Donec at sapien est. Nunc facilisis tellus sit amet tortor pellentesque sit amet commodo enim dignissim. Nam egestas magna nec risus semper pellentesque. Praesent quis risus enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras molestie tempor faucibus. Donec ante magna, luctus in facilisis sed, consectetur vitae mauris. Morbi blandit bibendum lobortis. In hac habitasse platea dictumst. Nulla lacinia aliquet lorem eget faucibus. Suspendisse venenatis cursus pulvinar. Nullam placerat convallis neque, non auctor ipsum aliquam quis. Nam non purus sapien. In purus quam, faucibus et porta ac, euismod semper erat.
</p>
<h4 id="section2">Section 2</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque porta, elit vel gravida ornare, massa arcu placerat elit,...
CSS
#to-Scroll {
height: 300px;
overflow: auto;
width: 200px;
}