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

Question

[theicelander88]

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

Я использую 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="окно"? Или есть ещё какой-то способ выравнять эти кнопки?

Answer 1

[Евгений]

Первое: чем вас не устраивает <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;}

Comments

[theicelander88]

Благодарю Вас.
Решил проблему:

<a style="display:block;" class="btn t ymodal" url=""></a>

[Евгений]

@theicelander88 рад был помочь, ставь "решено" :)