Адаптивные представления нескольких кнопок boostrap, размещенных в одной строке

#html #css #twitter-bootstrap

#HTML #css #twitter-bootstrap

Вопрос:

У меня есть 5 кнопок начальной загрузки, расположенных рядом на одной строке. Они отлично смотрятся на рабочем столе. Скриншот-

введите описание изображения здесь

Но на меньшем видовом экране кнопки размещаются на двух строках без каких-либо интервалов между строками. В результате они выглядят странно. Скриншот-

введите описание изображения здесь

Я хочу сохранить некоторый вертикальный интервал между строками в адаптивном представлении, чтобы они выглядели примерно так-

введите описание изображения здесь

Я хочу сделать так, чтобы там всегда был межстрочный интервал, независимо от количества кнопок в одной строке или общего количества строк в адаптивном представлении.

Есть ли какой-либо способ сделать это с помощью bootstrap?

Спасибо

Комментарии:

1. Где ваш код?

2. попробуйте использовать это button{margin:10px;} Give margin, где вы хотите проверить эту скрипку jsfiddle.net/rzdcxgr5

3. @parish это сработало. спасибо за решение

Ответ №1:

попробуйте использовать это button{margin:10px;} поле, где вы хотите

Проверьте эту скрипку

jsfiddle.net/rzdcxgr5