ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / bootstrap form-control 100% ширина
10 сообщений из 10, страница 1 из 1
bootstrap form-control 100% ширина
    #38678944
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
Вечер добрый , подскажите кто в курсе о поведении ширины контролов при иcпользовании bootstrap

пишут что

Отдельные элементы управления формы автоматически получают стандартное оформление. Все текстовые элементы <input>, <textarea> и <select> с .form-control установлены на ширину width: 100%; по умолчанию. Помещайте метки и элементы управления в .form-group для оптимального размещения.


Вроде бы все правильно, ширина у form-control действительно 100% , но относительно чего ?
родитель form-control див, шириной 1200 пикс, а сам гребанный form-control id="Organization" 200 пикс

Кто в курсе , что я не правильно делаю, для того чтобы form-control был 100% , полностью заполнил собой <div> .

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
<div class="col-sm-12 col-md-12">
                    <div class="form-group">
                        <label class="control-label" for="Organization">Організація</label>
                        <div>
                            <input class="form-control" id="Organization" name="Organization" type="text" value="">
                        </div>
                    </div>
                </div>



Спасибо.
...
Рейтинг: 0 / 0
24.06.2014, 19:18
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38678945
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
Andrey1306,

Так выглядит
...
Рейтинг: 0 / 0
24.06.2014, 19:18
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38678957
Фотография FishHook
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
FishHook
Участник
А так?

Код: html
1.
2.
3.
4.
5.
6.
<form>
                    <div class="form-group">
                        <label for="Organization">Організація</label>
                         <input class="form-control" id="Organization" name="Organization" type="text" value="">
                    </div>
                </form>
...
Рейтинг: 0 / 0
24.06.2014, 19:28
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38678962
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
FishHook,

и так тоже, тут http://jsfiddle.net/tX3ae/132/ работает и без form, а в проекте нет, может VS что то добавляет ?!

PS

Кстати а изобилие тегов form при таком оформлении, есть феншуй ? или пофиг ?
...
Рейтинг: 0 / 0
24.06.2014, 19:43
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38678963
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
Студия вроде бы ни при чем .

Создал чистый партиал вью

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
@Styles.Render("~/Content/css")


<form>
    <div class="form-group">
        <label for="Organization">Організація</label>
        <input class="form-control" id="Organization" name="Organization" type="text" value="">
    </div>
</form>



нет 100% ширины ...
...
Рейтинг: 0 / 0
24.06.2014, 19:49
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38678967
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
FishHook,

Нашел ответ ))) (таки студия )

bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/site.css"));


Если убрать "~/Content/site.css")); то контролы 100% ширины
...
Рейтинг: 0 / 0
24.06.2014, 19:54
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38679090
Monochromatique
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Monochromatique
Участник
Andrey1306,

Освойте F12 в хроме.
...
Рейтинг: 0 / 0
24.06.2014, 23:39
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38679473
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
Monochromatique,

не помогает, по f12 хром выдавал для form-control width:100%
...
Рейтинг: 0 / 0
25.06.2014, 11:39
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38736646
alexFAST
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
alexFAST
Гость
Если установлена ширина контрола 100%, то это относительно контейнера куда он помещён. Можно задавать определенную ширину. Если интересно можешь посмотреть тут .
...
Рейтинг: 0 / 0
03.09.2014, 17:40
| Ответить | Цитировать | Написать  
bootstrap form-control 100% ширина
    #38744354
Andrey1306
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Andrey1306
Участник
alexFAST,


читай ответы

Нашел ответ ))) (таки студия )

bundles.Add(new StyleBundle("~/Content/css").Include(
"~/Content/bootstrap.css",
"~/Content/site.css"));


Если убрать "~/Content/site.css")); то контролы 100% ширины
...
Рейтинг: 0 / 0
11.09.2014, 15:38
| Ответить | Цитировать | Написать  
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / bootstrap form-control 100% ширина
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38678944&tid=1446724]:
 0ms
get settings:
 7ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 142ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 39ms
get tp. blocked users:
 1ms
others: 227ms
total:  443ms
созд. / загр.: 443ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]