0 Пользователей и 1 Гость просматривают эту тему.
  • 2 Ответов
  • 6357 Просмотров
*

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Здравствуйте. При использовании bootstrap 3.1 в мобильном варианте открывается, но не закрывается меню:
Код: php
<div class="row">
<div class="col-md-2 col-sm-3">
</div>  
<div class="navbar-header">
    <?php if($this->countModules('navbar')) : ?>
<button class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse" type="button">
        <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        </button>
  </div>
<?php if($this->countModules('navbar')) : ?>
  <div class="navbar-collapse collapse pull-right">
<jdoc:include type="modules" name="navbar" style="none" />
  </div>
<?php endif; ?>
  </div>

*

Davidich

  • Захожу иногда
  • 179
  • 7 / 1
Два дня не мог решить, а решение простое.
Отключил:
JHtml::_('bootstrap.framework');
и подключил 3.1.
Код: php
<script src="<?php echo $this->baseurl ?>/templates/<?php echo $this->template; ?>/js/bootstrap.min.js"></script> 
<script type="text/javascript">
        jQuery.noConflict();
</script>
*

zeus07

  • Давно я тут
  • 680
  • 8 / 0
У меня что-то похожее на эту проблему. Впервые начал делать проект на основе Twitter Bootstrap 3. Сверстал всё прекрасно, но проблема с мобильным меню. Делал его при помощи collapse, и при открытии сайта на мобильном - меню сразу раскрыто. При нажатии на кнопку эффект открывания ещё раз, и только при втором нажатии сворачивается, но как-то странно.
Сайт: http://pb.artcolorit.com/

Подскажите пожалуйста, в чём проблема?

Код мобильного меню:
Код
<div class="col-xs-12 visible-sx hidden-lg hidden-md hidden-sm">
                <a class="dropdown-toggle dropdown-menu-right" data-toggle="collapse" data-target=".nav-collapse" href="#collapseOne"><button type="button" class="btn btn-default btn-sm btn-sx"><span class="glyphicon glyphicon-th"></span>Меню</button></a>
            </div>
            <div  id="collapseOne" class="nav-collapse collapse visible-xs">
                <div class="panel-body">
                        <jdoc:include type="modules" name="left" style="none" />
                </div>
            </div>
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Проблема с offcanvas для меню

Автор dr.red

Ответов: 5
Просмотров: 7250
Последний ответ 31.01.2021, 21:51:08
от Rimo
Как применить к пунктам меню определенный стиль?

Автор Ezio_Auditore

Ответов: 4
Просмотров: 1608
Последний ответ 17.01.2017, 22:43:27
от Ezio_Auditore
Как реализовать рисованное меню?

Автор Ezio_Auditore

Ответов: 4
Просмотров: 1180
Последний ответ 13.01.2017, 22:38:30
от Ezio_Auditore
Навигационный бар (Navbar) Bootstrap, Joomla 3.2

Автор wfedin

Ответов: 31
Просмотров: 17885
Последний ответ 06.01.2017, 21:07:31
от slon777
При мобильном виде все с side-left в off-canvas

Автор FitMe

Ответов: 6
Просмотров: 1328
Последний ответ 01.08.2016, 23:57:06
от fsv