Bootstrap, как выровнять бок о бок a и ссылку

Question

Я хочу выровнять бок о бок ссылку и кнопку. Я знаю, что могу использовать btn-link, но в моем случае я должен использовать элемент a для ссылки. Я создаю bootply, чтобы показать проблему.

Анкерное звено (1px) над текстом кнопки btn-link.

Answer 1

Вы можете использовать классы кнопок на ссылки, так что вы могли бы:

<button class="btn btn-primary">Text</button> 
<button class="btn btn-link">Link</button> 
<a class="btn btn-link" href="#">An anchor link</a> 

Конечно, это будет добавить некоторые дополнительные отступы по ссылке.

Другой вариант для регулировки вертикального выравнивания линии с помощью CSS:

a{ 
    vertical-align: middle; 
} 

Смотрите updated bootply