2015-07-16 1 views
0

Я новичок в Bootstrap.Как показать панель при нажатии на кнопку в Bootstrap?

Я хочу кнопку, которая нажимает, показывает мне панель, которую я создал в Drop-up режиме.

<div class="row"> 
    <button class="btn btn-primary" type="button" style="width:150px; margin-left: 50px" data-toggle="collapse" href="#toggle1"> Send for Review </button> 
</div> 
<div class="panel panel-primary collapse" id="toggle1"> 
    <div class="panel-heading">Assign Executive for Review 
     <button type="button" class="close" data-target="#id_of_panel" data-dismiss="alert"> 
     <span aria-hidden="true">&times;</span> 
     <span class="sr-only">Close</span> 
     </button> 
    </div> 
    <div class="panel-body"> 
     <div class="radio"> 
     <label><input type="radio" name="Executive ID/Name"> Executive ID/Name </label> 
     </div> 
     <div class="radio"> 
     <label><input type="radio" name="Executive ID/Name"> Executive ID/Name </label> 
     </div> 
     <div class="radio"> 
     <label><input type="radio" name="Executive ID/Name"> Executive ID/Name </label> 
     </div> 
     <div class="radio"> 
     <label><input type="radio" name="Executive ID/Name"> Executive ID/Name </label> 
     </div> 
    </div> 
</div> 

Что-то вроде этого .. http://i.stack.imgur.com/Yx5B7.jpg

+0

Можете ли вы объяснить, что именно у вас возникли проблемы с? Я думаю, у вас есть еще один закрывающий тег div. Кроме того, все работает отлично. [Фидл] (https://jsfiddle.net/cqddbo82/). – DavidDomain

+0

Спасибо DavidDomain. Когда я вставляю код в новый файл, он показывает панель. Но когда я вставляю его в файл, над которым я работаю, он не отображает панель. Любые идеи, почему это происходит ..? –

+0

Добавили ли вы ** bootstrap.css ** и ** bootrsrap.js ** файлы в рабочий файл? – DavidDomain

ответ

0

Есть у ищет что-то вроде модальности

http://getbootstrap.com/javascript/#modals

+0

Not Modals. Я хочу, чтобы панель отображалась над кнопкой «Отправить для обзора». –

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

  • Нет связанных вопросов^_^