<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6">
<div class="panel">
<div class="panel-heading">
<h1>Panel Heading</h1>
</div>
<div class="panel-body">
<p>Panel Body: uzun bir yazı olacakki nasıl göründüğüne bakalım. Uzun bir yazı olacakki nasıl göründüğüne bakalım.
Uzun bir yazı olacakki nasıl göründüğüne bakalım. Uzun bir yazı olacakki nasıl göründüğüne bakalım.
Uzun bir yazı olacakki nasıl göründüğüne bakalım.
</p>
</div>
<div class="panel-footer">
<span class="default">1</span>
<span class="blue">2</span>
<span class="green">3</span>
<span class="purple">4</span>
</div>
</div>
</div>
</div>
</div>