Используйте сетку Bootstrap для размещения элементов рядом друг с другом
Bootstrap использует гибкую 12-колонную сетку, которая позволяет легко помещать элементы в строки и задавать относительную ширину каждого элемента. Большинство классов Bootstrap могут быть применены к элементу div . Bootstrap имеет разные атрибуты ширины столбца, которые он использует, в зависимости от того, насколько широко представлен экран пользователя. Например, телефоны имеют узкие экраны, а ноутбуки имеют более широкие экраны. Возьмем, к примеру, класс col-md-* Bootstrap. Здесь md означает medium, а * - число, указывающее, сколько столбцов должно быть у элемента. В этом случае указывается ширина столбца элемента на экране среднего размера, например, ноутбука. В приложении Cat Photo, которое мы создаем, мы будем использовать col-xs-* , где xs означает col-xs-* маленький (например, экран с очень маленьким мобильным телефоном), а * - количество столбцов, определяющих, сколько столбцов элемент должен быть. Поместите кнопки Like , Info и Delete бок о бок, вставив все три из них в один элемент <div class="row"> , затем каждый из них в элементе <div class="col-xs-4"> , Класс row применяется к div , и сами кнопки могут быть вложены в него.