<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="portlet light">
<div class="portlet-title">
<div class="caption"> <i class="icon-speech"></i> <span class="caption-subject bold uppercase"> Unordered List</span> </div>
</div>
<div class="portlet-body">
<ul>
<li> Lorem ipsum dolor sit amet </li>
<li> Consectetur adipiscing elit </li>
<li> Integer molestie lorem at massa </li>
<li> Facilisis in pretium nisl aliquet </li>
<li> Nulla volutpat aliquam velit
<ul>
<li> Phasellus iaculis neque </li>
<li> Purus sodales ultricies </li>
<li> Vestibulum laoreet porttitor sem </li>
<li> Ac tristique libero volutpat at </li>
</ul>
</li>
<li> Faucibus porta lacus fringilla vel </li>
<li> Aenean sit amet erat nunc </li>
<li> Eget porttitor lorem </li>
</ul>
</div>
</div>
</div>
<div class="col-md-4">