Есть такая конструкция:
<td>
<a href="/add/1" class="btn btn-success btn-sm"><span class="hidden-xs">Add</span></a>
<a href="/edit/1" class="btn btn-success btn-sm"><span class="hidden-xs">Edit</span></a>
</td>
Если в td мало места кнопки становятся друг под другом. Подскажите как-то можно избежать такого перемещения?
Один из вариантов в tr добавить style width:200px; Но в кнопке есть class hidden-xs который скрывает текст у кнопки на мобильных телефонах и получается width:200px; слишком много. Можно сделать условие если человек зашел с телефона, изменяем width:200px; на подходящий размер. Но может есть более правильно решение?