<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Strait">
<div class="container" style="font-family: 'Strait', sans-serif;">
<h2>Form control: textarea</h2>
<p>none : Bu öğe yeniden boyutlandırılamaz. Bu, çoğu öğe için başlangıç değeridir. Bu textareaöğe en yaygın istisnadır; birçok tarayıcıda varsayılan resizedeğeri both.
<br>both : Kullanıcı, öğenin yüksekliğini ve/veya genişliğini yeniden boyutlandırabilir.
<br>horizontal : Kullanıcı, öğenin boyutunu yatay olarak değiştirebilir (genişliğini artırabilir).
<br> vertical : Kullanıcı, öğenin boyutunu dikey olarak (yüksekliğini artırarak) değiştirebilir.
<br> inherit : Bu öğe, üst öğesinin yeniden boyutlandırma değerini devralır.
<br>Bir öğe yeniden boyutlandırılabilir olduğunda, alt köşesinde küçük bir kullanıcı arayüzü tutamağı bulunur. Sayfanın boyutu directionsoldan sağa (left-to-right) olarak ayarlandığında tutamak sayfa öğelerinde sağda ltr, sağdan sola rtl(right-to-left) sayfalarda ise solda görünür</p>
<p>The form below contains a textarea for comments:</p>
<form>
<div class="form-group">
<label for="comment">Comment:</label>
<textarea class="form-control" rows="10" id="comment">
kkkk
</textarea>
</div>
</form>
</div>
