Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: дизайн бутстрап-формы поломался если добавить в стили control-label класс

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
mstdmstd
Отправлено: 24 Мая, 2016 - 13:39:52
Post Id


Частый гость


Покинул форум
Сообщений всего: 170
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Всем привет,
Взял стандартную бутстрап форму
https://jsfiddle[dot]net/e214b0ab/14/
дизайн которой сразу поломался, если добавить в стили control-label класс
Имею в виду что лейблы отображаются сверху инпутов, а должны слева...
Как правильно ?

Спасибо !
 
 Top
igosja
Отправлено: 24 Мая, 2016 - 13:52:56
Post Id



Гость


Покинул форум
Сообщений всего: 77
Дата рег-ции: Март 2013  
Откуда: https://vhol.org


Помог: 3 раз(а)




Классы col-sm-2 и control-label нужно вкладывать друг в друга:
CODE (htmlphp):
скопировать код в буфер обмена
  1. <form class="form-horizontal">
  2.  <div class="form-group">
  3.   <div class="col-sm-2">
  4.    <label for="mail" class="control-label">Email</label>
  5.   </div>
  6.   <div class="col-sm-10">
  7.    <input type="email" class="form-control" id="mail" placeholder="Email">
  8.   </div>
  9.  </div>
  10.  <div class="form-group">
  11.   <div class="col-sm-2">
  12.    <label for="pass" class="control-label">Пароль</label>
  13.   </div>
  14.   <div class="col-sm-10">
  15.    <input type="password" class="form-control" id="pass" placeholder="Пароль">
  16.   </div>
  17.  </div>
  18.  <div class="form-group">
  19.   <div class="col-sm-offset-2 col-sm-10">
  20.    <div class="checkbox">
  21.     <label>
  22.      <input type="checkbox"> Запомнить меня
  23.     </label>
  24.    </div>
  25.   </div>
  26.  </div>
  27.  <div class="form-group">
  28.   <div class="col-sm-offset-2 col-sm-10">
  29.    <button type="submit" class="btn btn-success">Подтвердить</button>
  30.   </div>
  31.  </div>
  32. </form>
  33.  

(Отредактировано автором: 24 Мая, 2016 - 13:53:19)

 
 Top
mstdmstd
Отправлено: 24 Мая, 2016 - 14:24:27
Post Id


Частый гость


Покинул форум
Сообщений всего: 170
Дата рег-ции: Авг. 2014  


Помог: 0 раз(а)




Я пробовал вставить ваш код - но результат тот же - надо убрать control-label класс из стилей чтобы заработало нормально...
 
 Top
ValentinBelov
Отправлено: 01 Сентября, 2016 - 09:58:13
Post Id


Новичок


Покинул форум
Сообщений всего: 1
Дата рег-ции: Авг. 2016  


Помог: 0 раз(а)




Здравствуйте, можете мне сделать сайт подобный этому - http://ichehol[dot]com[dot]ua/ http://ichehol[dot]com[dot]ua/chehli-dlya-iphone-6[dot]html , я где-то уже на этом сайте писал это, но мне никто не ответил. Магазин будет продавать чехол для айфона 6 и не только на 6й. Сколько это будет стоить???
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB