Свернуть не работает (Bootstrap 4) - PullRequest
Новая
       0

Свернуть не работает (Bootstrap 4)

0 голосов
/ 10 мая 2018

У меня проблема с коллапсом в начальной загрузке 4.

Я пытался управлять им через Javascript, но он не работает:

Кто-нибудь может мне помочь, пожалуйста? 

Codepen https://codepen.io/Ages/pen/dempQm

Ответы [ 3 ]

0 голосов
/ 10 мая 2018

Ваш код в порядке, просто ваш заказ неправильный, все отсутствует, чтобы включить jQuery , потому что начальная загрузка основана на jQuery . 

codepen : `http://codepen.io/AElkhodary/pen/odqYxP`
0 голосов
/ 10 мая 2018

попробуйте этот код для коллапса: 

<button data-toggle="collapse" data-target="#demo">Collapsible</button>

<div id="demo" class="collapse">
Lorem ipsum dolor text....
</div>

Здесь data-toggle="collapse необходимо поместить в нужное anchor tag или button, которое свернет содержимое. А контент, который нужно было свернуть, должен иметь класс collapse.

0 голосов
/ 10 мая 2018

Пожалуйста, найдите ниже код для начальной загрузки 4 свернуть 

<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Simple Collapsible</h2>
  <p>Click on the button to toggle between showing and hiding content.</p>
  <button type="button" class="btn btn-primary" data-toggle="collapse" data-target="#demo">Simple collapsible</button>
  <div id="demo" class="collapse">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit,
    sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
  </div>
</div>

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...