Bootstrap / Uncategorized

Bootstrap Açılır Collapse Butonu

Sayfa tasarımımızda zaman zaman belli içerikleri gizlemek sadece istendiği zaman görünebilir yapmamız sayfa içerisindeki kullanıcı deneyimini arttırmak açısından oldukça avantajlıdır. Bu amaçla kullandığımız en önemli yapılardan birisi bootstrap collapse butonlardır. Collapse butonlar için kullanabilceğiniz etiketler aşağıdadır.

<p>
  <a class="btn btn-outline-secondary" data-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
   Tıklanacak Buton
  </a>

</p>
<div class="collapse" id="collapseExample">
  <div class="card card-body">
    Burada buton tıklandıktan sonra çıkacak yazı bulunmalıdır.
  </div>
</div>

 

5 2 votes
Article Rating
Subscribe
Bildir
guest
0 Yorum
Inline Feedbacks
View all comments