VPF::блок с текстом налазит на верхний блок

mstdmstd

Дата 23.4.2016, 09:42 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 394
Регистрация: 30.12.2008

Репутация: нет
Всего: нет

Всем привет,
в небольшом блоке бутстрап-кода
https://jsfiddle.net/e214b0ab/6/
блок с текстом (с зеленым бордюром) налазит на верхний блок с загаловком.
Причиной этого, я полагаю, что я хотел кнопку сделать на одном уровне с заголовком и для этого я прописал

Код


style="margin-top: -35px;"

для кнопки
А как правильно ?

Спасибо!

ksnk

Дата 23.4.2016, 11:34 (ссылка)

(нет голосов)

Загрузка ...

прохожий

Профиль
Группа: Комодератор
Сообщений: 6855
Регистрация: 13.4.2007
Где: СПб

Репутация: 48
Всего: 386

mstdmstd,

Код


<h4 class="col-xs-6">Users Listing</h4>

Тут важно поставить заголовку класс-размер, тогда следующему элементу будет куда pull-right - тицца.
Ну и марджин убрать.

--------------------

Человеку свойственно ошибаться, программисту свойственно ошибаться профессионально ! user posted image

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »