attır

 <!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EyüpSa</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
</head>
<body>
    <p class="d-inline-flex gap-1">
        <a class="btn btn-dark btn-outline-primary text-primary " data-bs-toggle="collapse" href="#collapseExample" role="button" aria-expanded="false" aria-controls="collapseExample">
          Link with href
        </a>
        <button class="btn btn-dark btn-outline-primary text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#collapseExamplea" aria-expanded="false" aria-controls="collapseExample">
          Button with data-bs-target
        </button>
      </p>
      <div class="collapse" id="collapseExample">
        <div class="card card-body border border-primary" style="width: 400px;">
          Some turgurs  placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
        </div>
      </div>
      <div class="collapse" id="collapseExamplea">
        <div class="card card-body border border-primary" style="width: 400px;">
           Some placeholder content for the collapse component. This panel is hidden by default but revealed when the user activates the relevant trigger.
        </div>
      </div>
    <script src="js/bootstrap.bundle.min.js"></script>
</body>
</html>

Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

sa

  <! DOCTYPE html > < html lang = "tr" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title >     < link rel = "stylesheet" href = "css/bootstrap.min.css" > </ head > < body >     < div class = "container bg-secondary p-3" >         < form name = "calculatorForm" >             < span > 1.Sayı: </ span >< input type = "text" id = "a" >             < br >< br >             < span > 2.Sayı: </ span >< input type = "text" id = "b" >             < br >< br >     ...
Devamı

al2

  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta http-equiv = "X-UA-Compatible" content = "IE=edge" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title >     < link rel = "stylesheet" href = "css/bootstrap.min.css" > </ head > < body >     < div class = "conteiner" >         < div class = "row" >             < div class = "col-sm-12 col-md-4 col-lg-3" >     < div class = "card" style = " width: 18rem; " >         < img src = "image/avatar1.png" class = "card-img-top" alt = "..." >         < div class = "card-body" >           < h5 class = "card-title" > Card title </ h...
Devamı