2016-09-16 1 views
0

My Bootstrap div будет израсходован, но не будет заключаться обратно, если смотреть в браузере. Тем не менее, отлично работает в представлении Dreamweaver.Bootstrap "collapse-toggle" div будет расширяться, но не будет сокращаться в

<head> 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
</head> 
<body> 
<div id="top-template-toolbar"> 
<ul> 
    <li><a class="btn btn-info" data-toggle="collapse" href="#demo"><b>Register</b><i class="fa fa-caret-down" aria-hidden="true"></i></a></li> 
    <li><a href="#"><b>My Account</b></a></li> 
    <li><a href="#"><b>Help centre</b></a></li> 
    <li><a href="#"><b>Branch Finder</b></a></li> 
    <li><a href="#"><b>Accessability</b></a></li> 
</ul> 
</div> 
<div id="demo" class="collapse"> 
<!--Content Goes Here--> 
</div> 
</body> 

ответ

0

Для тех, кто становится все здесь с той же проблемой: - он добавляет самозагрузки дважды на странице, как вы можете видеть.

Добавить Jquery, после этого добавить бутстрап, оба из них только один раз, также неплохо добавить все файлы css перед js-файлами, потому что некоторые скрипты используют классы css.

0

Вам не хватает атрибута target-данных для вашего элемента переключения.

Try:

<div id="top-template-toolbar"> 
     <ul> 
      <li><a class="btn btn-info" data-toggle="collapse" data-target="#demo" href="#demo"><b>Register</b><i class="fa fa-caret-down" aria-hidden="true"></i></a></li> 
      <li><a href="#"><b>My Account</b></a></li> 
      <li><a href="#"><b>Help centre</b></a></li> 
      <li><a href="#"><b>Branch Finder</b></a></li> 
      <li><a href="#"><b>Accessability</b></a></li> 
     </ul> 
    </div> 
    <div id="demo" class="collapse"> 
     Content 
    </div> 

@ionut Спатару: Он не добавляет самозагрузки дважды. как только его js и один раз css, так это прекрасно.

Смежные вопросы