@theicelander88

В тег button добавить class="t ymodal" url="окно"

Здравствуйте.

Я использую bootsrap и чтобы выравнять их кнопки класса .btn, я заключаю их в
<div class="btn-group-vertical">.
Но проблема в том, что выравниваются только кнопки, которые начинаются с тега
<button>.
А я также использую кнопки вида
<a class="t ymodal" url="окно"><button class="btn btn-info"> Открыть окно</button></a>

Они же, к сожалению, не выравниваются.
Как же мне их выравнять?
Если поменять, сделать так:
<button class="btn btn-info"><a class="t ymodal" url="окно"> Открыть окно</a></button>

Кнопка выравняется, но окно открываться не будет.

Как я понял, <div class="btn-group-vertical"> выравнивает только <button>, а как же сделать, чтобы выравнивались и
<a class="t ymodal" url="окно"><button class="btn btn-info"> Открыть окно</button></a>

Может можно как-то в тег <button> добавить class="t ymodal" url="окно"? Или есть ещё какой-то способ выравнять эти кнопки?
  • Вопрос задан
  • 2515 просмотров
Решения вопроса 1
cyber-jet
@cyber-jet
Первое: чем вас не устраивает <button>, зачем использовать тег <a>?
Второе: в TBS3 селектор btn-group-vertical в каскаде с btn и т.д. а не с <button>, но тег <a> это строчный элемент, для того чтобы всё работало, нужно перевести его в блочный:
<a style="display:block;">
или через css:
.t {display:block;}

PS:
<a class="t ymodal" url="окно">
<button class="btn btn-info"> Открыть окно</button>
</a>
- полная чушь! Первый раз вижу чтобы кнопку помещали внутрь ссылки :) вот так будет правильно:
<a class="t ymodal btn btn-info" url="окно">Открыть окно</a>
и не забываем в css перевести в строчный:
.t {display:block;}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы