(x)HTML/WML/CSS | Bootstrap
   
 
 
 
 
  
 
  
  
    
  
    Привет, подскажите если есть кто верстает на bootstrap
В общем делаю кнопку, внутри иконку, но при нажатии на иконку ссылка не срабатывает, если кликнуть в пустом месте кнопки то срабатывает, то есть иконка в кнопке мёртвая зона.
Если в кнопке прописан текст, то нет такой проблемы
      
    
------
  
     77384_20210508_161444.png (1.0 Kb)
 77384_20210508_161444.png (1.0 Kb) 
Скачиваний: 232
       
      
  
 
 
 
В общем делаю кнопку, внутри иконку, но при нажатии на иконку ссылка не срабатывает, если кликнуть в пустом месте кнопки то срабатывает, то есть иконка в кнопке мёртвая зона.
Если в кнопке прописан текст, то нет такой проблемы
------
 77384_20210508_161444.png (1.0 Kb)
 77384_20210508_161444.png (1.0 Kb) Скачиваний: 232
 
  
  
    
  
    Код разметки
   
  
    
  
 
 
 
html
<a class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasScrolling" aria-controls="offcanvasScrolling">
  <i class="fas fa-bars"></i>
</a> 
  
  
    
  
    Ссылка не может быть type="button"   
  
    
  
 
 
 
GooDLike (08.05.2021 в 16:33) 
Ссылка не может быть type="button"
Ссылка не может быть type="button"
Так это я уже экспериментировал, тег button изначально был, но проблема та же
 
  
  
    
  
    Alien Shooter, ты хочешь как в Роторе сделать кнопку? 
Например, кнопка меню с тлф?
  
 
 
 
Например, кнопка меню с тлф?
Пупсь (08.05.2021 в 16:50) 
Alien Shooter, ты хочешь как в Роторе сделать кнопку?
Например, кнопка меню с тлф?
Alien Shooter, ты хочешь как в Роторе сделать кнопку?
Например, кнопка меню с тлф?
Да, по-любому как в роторе, не как в куче шаблонов а вот именно как в роторе
 
  
  
    
  
    Alien Shooter, я тебя для примера спросил. 
Будешь дерзить - будешь дальше сам копаться.
Вот для примера.
  
 
 
 
Будешь дерзить - будешь дальше сам копаться.
php
<a class="app-nav__item" href="/admin/spam" aria-label="{{ __('index.complains') }}">
                        <i class="far fa-bell fa-lg"></i>
                        <span class="badge badge-notify">{{ statsSpam() }}</span>
                    </a>Вот для примера.
Пупсь (08.05.2021 в 16:57) 
Alien Shooter, я тебя для примера спросил.
Будешь дерзить - будешь дальше сам копаться.
Вот для примера.
Alien Shooter, я тебя для примера спросил.
Будешь дерзить - будешь дальше сам копаться.
php
<a class="app-nav__item" href="/admin/spam" aria-label="{{ __('index.complains') }}">
                        <i class="far fa-bell fa-lg"></i>
                        <span class="badge badge-notify">{{ statsSpam() }}</span>
                    </a>Вот для примера.
Ну извините, это не то, это просто кусок разметки из ротора, если ты не заметил это метод offcanvas, каким боком здесь то что ты из ротора выдернул?
Ты прочитай внимательней если помочь хочешь, мне нужно понять почему мертвая зона на иконке
 
  
  
    
  
    Alien Shooter, ротор полностью использует бутстрап четвертой версии. 
На примере любой иконки сверху дерни и не делай себе голову
  
 
 
 
На примере любой иконки сверху дерни и не делай себе голову
 
  
  
    
  
    И да, именно этот кусок разметки и будет работать, если бутстрап подключен к проекту.   
  
    
  
 
 
   
  
 
  
 )(aOS
 )(aOS 
 
		     Smitti
 Smitti 
 
		     Galtsev.T
 Galtsev.T  
		     Пупсь Сайбот
 Пупсь Сайбот