bootstrap 3.1.1 не работают классы у инпутов - HTML и CSS

zaki · 15.03.2014, 17:29

Есть такой код:

Код HTML:

<html>
<head>
<title>Вход</title>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
<div class="forms">
<form class="form-search">
  <input type="text" class="input-medium search-query">
  <button type="submit" class="btn">Search</button>
</form>
</div>
</body>
<html>

Должно быть так:

Выглядит так:

Все подключенные файлы - доступны.

В чем может быть трабла?

ATL · 18.03.2014, 14:39

Вы нашли плохой пример, форма построена неправильно. Используйте Bootstrap Form Builder

alexFast777 · 04.09.2014, 11:26

Должно быть примерно так:

Код HTML:

<form class="form-inline">
  <div class="form-group">
    <input type="text" class="form-control" id="searchtext">
    <button type="submit" class="btn btn-default">Найти</button>
  </div>
</form>

На этом сайте есть уроки по Twitter Bootstrap.

04.09.2014, 11:26	#3
alexFast777 Регистрация: 04.09.2014 Сообщений: 4	Должно быть примерно так: Код HTML: <form class="form-inline"> <div class="form-group"> <input type="text" class="form-control" id="searchtext"> <button type="submit" class="btn btn-default">Найти</button> </div> </form> На этом сайте есть уроки по Twitter Bootstrap.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Joomla 2.5 + Bootstrap 3	Mick_20	HTML и CSS	0	26.02.2014 14:11
Размеры инпутов	saden	HTML и CSS	0	27.01.2013 21:02
Не получается приделать Tooltips (T.Bootstrap)	StivinKing	JavaScript, Ajax	4	20.12.2012 10:36
Почему появляется обводка кнопок и инпутов? (не во всех браузерах)	StivinKing	HTML и CSS	2	24.11.2012 16:17
Bootstrap carousel	mrgrudge	JavaScript, Ajax	1	26.10.2012 12:36

18.03.2014, 14:39	#2
ATL Форумчанин Регистрация: 26.01.2007 Сообщений: 278	Вы нашли плохой пример, форма построена неправильно. Используйте Bootstrap Form Builder