Здравствуйте

Видел, но не получилось ответить раньше. Исходя из логики работы компонентов форм в бутстрапе, .form-group контейнер обязателен для полей ввода

Я не об этом – > class=”form-group” в случае aspx должен оборачивать строку с классом row

пример div class=”form-group” div class=”row” div class=”col-sm-12”

без строки с классом row идет слияние input по вертикали Возможно есть и другие варианты, у меня не было времени на эксперименты, делаю большой проект из до десятка подсистем

Я не до конца понимаю проблему. Класс .form-group добавляет нижний отступ, если форму использовать без него, все поля ввода не будут иметь отступов между линиями. В таком случае лучше использовать его внутри .col-sm-*, а не снаружи. Так как это повлияет на отступы на мобильных устройствах

Проблема в том, что ВСЕ ваши примеры использования input с form-group не обеспечивают отступ между input в среде aspx, т.е. – нижний padding не работает в среде aspx. Чтобы нижний padding работал в среде aspx необходимо после div с классом form-group ввести дополнительную div с классом row, В итоге для того, чтобы ваши примеры правильно работали в среде aspx я вставляю после div c классом form-group div с классом row Почему это происходит я не разбирался – нет времени.

давно заметил – datatable работают при количестве колонок не менее 6, не копаясь в js что можно сделать, чтобы уменьшить количество колонок

Я не эксперт в среде aspx, но мне кажется странным, что она не может обработать базовые стили CSS

Datatables – без исправления JS нельзя, надо отредактировать или убрать columnDefs из конфигурации.

относительно datatables я так и представлял – там стоит 5 в числе columns. Другое дело не хотелось разбираться завязано ли число колонок где либо в дальнейшем.

относительно aspx. Дело не в базовых стилях CSS, которые aspx отрабатывает. Дело в bootstrap.css. margin-bottom: 20px of form-group может отработаться, а может и нет поскольку следующий за div с form-group – > div с классом col-lg-10 ТРЕБУЕТ div с классом row Т.е. дело не в стандартных css, а в ошибке у вас в коде

Нет никакой ошибки у меня в коде. Класс row обязателен при использовании классов адаптивной сетки, так как вся эта ерунда сделана на флексбоксе и этот класс является основным контейнером с основными стилями. Для более детального разъяснения очень пригодился бы ваш код с предполагаемой ошибкой.

О коде. я просто повторю мой начальный пост, под которым и имеет место данная дискуссия.

“Посмотрите form_inputs_basic.html”

При использовании КОПИИ этой страницы в aspx нет отступа между input по вертикали. И это наблюдается при всех аналогичных применениях input. Обхожу этот дефект путем использования class=”form-group” в качестве обертки строки.

И дополнительно мой комментарий: Т.е. я в начальный (пустой) темплейт aspx полностью вставляю всю вашу страницу, со всеми вашими библиотеками. При этом margin – bottom 20px НЕ РАБОТАЕТ, поэтому в ВАШЕМ коде, сразу после div с классом “form-group” я вставляю div с классом “row”, после чего margin-bottom 20px начинает работать.

Если вы посмотрите СВОЙ код для MODAL вы увидите что вы внутри modal действуете точно таким же образом как и я – вставляете div с классом row после div с классом “form-group”

Еще раз – input сам по себе не имеет никаких отступов, .form-group не имеет ничего общего с классом .row, так как они выполняют абсолютно разные функции и в абсолютно разных ситуациях.

В диалогах используется форма с 2 колонками, здесь как раз .row и нужен в качестве контейнера для колонок, но не для форм как таковых.

1. .form-group нужен для отступа между рядами форм

2. .row нужен исключительно для адаптивной сетки с 12 колонками

Вместе их использовать не противопоказано, так как они друг на друга никак не влияют. Это не ошибка в коде, а исключительная необходимость в структуре фреймворка. Почему система asp не может обработать стандартный CSS стиль с обычным нижним отступом я не имею ни малейшего представления.

Вот объяснение сетки с классами, вот объяснения форм.

Если вы можете показать мне пример кода, где именно не работает margin-bottom в форме, я смогу более подробно расписать почему не работает и что сделано не так.

Еще раз поясняю: речь идет НЕ О МОЕМ КОДЕ, а о вашем – здесь я выступаю только как тестер, свои проблемы я давно решил. С целью тестирования вашего кода на странице form_inputs_basic.html я вставляю в ПУСТОЙ ПРОЕКТ, В ПУСТУЮ СТРАНИЦУ ASPX полностью весь ваш код, включая ссылки на библиотеки с ВАШЕЙ страницы form_inputs_basic.html . Помещаю в проект все ваши библиотеки. Правда работаю с bootstrap 3.

После компиляции вижу на экране input без отступа по вертикали – margin 20 px класса form-group не работает. Возникла мысль, что это происходит вследствие отсутствия после div с классом form-group div с классом row.

Читаю рекомендацию специалистов по aspx.- можно ли применять div с колонками без div с классом row. Как будто бы категорически нет – нельзя применять div c колонками без предварительного div с классом row.

ВНИМАНИЕ! прямо в ВАШЕМ коде вставляю div с классом row после div с классом form-group – > as result вижу отступы между input.

Т.е. я экспрементирую не со своим кодом, а с ВАШИМ кодом, действуя как тестер. А Вы уж решайте нужно ли Вам что – то менять

Вы пишете: “Если вы можете показать мне пример кода, где именно не работает margin-bottom в форме, я смогу более подробно расписать почему не работает и что сделано не так”

Без обид – прочитайте внимательно хотя бы один мой пост. Я уже многократно говорю вам одно и то же – я тестирую ПОЛНОСТЬЮ ВАШ КОД, страница form_inputs_basic.html – МОЕГО КОДА ТАМ НЕТ НИ СТРОЧКИ, НИ ОДНОГО СИМВОЛА. И эта страница вставляется в ПУСТОЙ ПРОЕКТ, ПУСТУЮ СТРАНИЦУ ASPX.

Я не понимаю какой пример кода я должен вам показать? пустую страницу, в которую вставлена вся без исключения ваша страница form_inputs_basic.html? вместе со всеми вашими библиотеками?

Еще в 2013 стало ясно, что bootstrap в некоторых случаях работает в среде aspx НЕКОРРЕКТНО требуя дополнительного применения class “form-horizontal” см. https://stackoverflow.com/questions/23614338/bootstrap-form-group-spacing

Аналогично и т.д. – у всех одна и та же проблема, с похожим решением https://stackoverflow.com/questions/21051114/bootstrap-3-0-3-form-group-class-it-is-not-taking-any-margin-bottom

Здесь вы можете посмотреть как выглядит явление отсутствия отступа http://jsfiddle.net/TLF4L/ а здесь вы увидите варианты решения этой проблемы, предлагаемые профессионалами, в т.ч. тот вариант, который я вам описывал – включение div с классом row в каждый form-group https://stackoverflow.com/questions/23614338/bootstrap-form-group-spacing

Я очень признателен за тестирование и полезные советы, всегда рад конструктивной критике

Но в этом случае что-то не так. Я попробую объяснить подробно еще раз.

В моем коде, как и в примере на jsfiddle, используется горизонтальный вид формы, один из 3 доступных в бутстрапе. В 3-ем бутстрапе при использовании горизонтальной формы (которая использует .col-* классы) роль контейнера для колонок выполняет контейнер .form-group, а роль .row выполняет класс .form-horizontal, который является обязательным и добавляется к самой форме. То есть вот так:

<form class="form-horizontal">
    <div class="form-group">
        <label class="control-label col-lg-2">Input label</label>
        <div class="col-lg-10">
            <input type="text" class="form-control">
        </div>
    </div>
</form>

То же самое может быть сделано и без .form-horizontal, но так как классы .col-* используют float, вам надо будет их очищать добавляя класс .clearfix в каждый .form-group контейнер.

Это правда, что у всех одна и та же проблема – они используют горизонтальную форму с сеткой, которые в свою очередь используют левый floating, который в стандартном решении очищается либо .row, либо .form-horizontal классами. То есть существуют определенные правила, которые бутстрап считает обязательными к исполнению согласно структуре.

В вашем конкретном случае, как вариант, это может быть причиной. В любом случае добавление .form-horizontal к форме вместо добавления .row должно решить все проблемы.

<form action=”#”> <fieldset class=”content-group”> <legend class=”text-bold”>Basic inputs</legend> <label class=”control-label col-lg-2”>Default text input</label> <input type=”text” class=”form-control”> <label class=”control-label col-lg-2”>Password</label> <input type=”password” class=”form-control”> <label class=”control-label col-lg-2”>Input with placeholder</label> <input type=”text” class=”form-control” placeholder=”Enter your username…”>

в общем – то все стало понятно … Вы используете <form class=”form-horizontal”> в качестве общего элемента для групп. Однако в aspx не может быть больше одного form – элемента и поэтому <form class=”form-horizontal”> если и может использоваться то с оговорками, что вынуждает использовать другие средства обеспечения работы margin – bottom: - либо использование div с row - либо input[type=text], .txtarea{margin-bottom: 10px; } - либо css для form-group: .form-group::before, .form-group::after { content: ” ”; display: table; }

Я предпочитаю использовать div с row

Тем не менее Вы возможно где – то держать в подсознании, что в aspx использование div с form классами имеют ограничения – приходится выделять области действия этих форм, что в общем – то приводит к определенным неудобствам

Вы написали: “В вашем конкретном случае, как вариант, это может быть причиной. В любом случае добавление .form-horizontal к форме вместо добавления .row должно решить все проблемы”

Я НИКОГДА не использую внутренние формы, поэтому при тестировании вашего кода я сразу демонтировал все div form, в том числе и form-horizontal что и привело к проблемам. Технически ваш код совершенно правилен, только вот для aspx, прежде всего WebForm а не MVC (там тоже проблемы) вашим клиентам придется выкидывать все div form с получением при этом некоторой головной боли. Наилучший вариант в этом смысле div с row

По той же причине в aspx не работают все validation forms http://demo.interface.club/limitless/demo/bs3/Template/layout_3/LTR/default/full/form_validation.html и введение div with row не помогут, поскольку в вашем коде имеется необходимость использования div form, а в aspx количество form лимитировано

Я до сих пор не понимаю проблемы. В смысле я не понимаю как aspx не может добавить класс к форме, я пытался найти аналогичную проблему в сети, не нашел.

Бутстрап требует .form-horizontal класс для правильной стилизации горизонтальных форм, правильных отступов и размеров. Если aspx не поддерживает базовые функции базового HTML, я думаю это проблема не бутстрапа и тем более не шаблона.

Вы можете попробовать обернуть форму в еще один div и добавить этот класс туда, исходя из логики и структуры стилей это должно сработать. По поводу валидации не скажу, но можно попробовать следовать такой же логике.

Я в разработке программно – аппаратных систем с 1973 года, причем в военно – промышленном комплексе, языковые средства Бейсик, Паскаль, Дельфи, PHP, Matlab, C#, SQL Server, MySql etc и даже ассемблер и первый раз слышу, чтобы фреймворки и языковые средства адаптировались под ПОЗЖЕ созданные библиотеки (я не считаю бутстрап фреймворком, в связи с отсутствием модульности и наследования версий) ...

В принципе конечно фреймворки и языковые средства могут адаптироваться под библиотеки, если конечно к примеру тот же бутстрап этого заслуживает. К сожалению, пока об этом говорить рано. На моей памяти прошло столько систем – и где большая часть из них? О большей части из них никто и не помнит – вспомните кобол, фортран 4 или аппаратно ориентированный Quasic?

ASPX подразделяется на Webform, существующие аж с 1998 года, тогда о бутстрапе никто и не подозревал и на MVC. И если в Webform в связи с необходимостью сохранять State – состояния существует только одна общая форма на страницу (Кстати на php та же проблема что и в Webform), то в MVC этого ограничения нет . А это означает, что в MVC все ваши формы с input элементами будут работать без проблем.

Вы пишете: “Бутстрап требует .form-horizontal класс для правильной стилизации горизонтальных форм, правильных отступов и размеров”.

Забавно, но сие означает лишь одно, что так называемые “инженеры” сидящие на бутстрапе НЕ УЧИТЫВАЮТ, что в aspx webform предполагается использование лишь одной формы. Понимаю – им это до лампочки. Такие вот “специалисты”.

Вы пишете: “Вы можете попробовать обернуть форму в еще один div и добавить этот класс туда, исходя из логики и структуры стилей это должно сработать. По поводу валидации не скажу, но можно попробовать следовать такой же логике”

Не пойдет по причине о которой я упоминал – в aspx webform возможна лишь одна форма.

Вы пишете: “Я до сих пор не понимаю проблемы. В смысле я не понимаю как aspx не может добавить класс к форме, я пытался найти аналогичную проблему в сети, не нашел”

Я уже давал ссылки на описанные проблемы с бутстрапом – form-horizontal с webform aspx ПРИМЕНЯТЬ НЕЛЬЗЯ. Чтобы увидеть это воочию не требуется ничего, кроме как загрузить из Microsoft Visual Studio Community 2017 (она бесплатна), после чего тремя нажатия кнопки загрузить пустой шаблон aspx webform. Осталось просто скопировать ПОЛНОСТЬЮ ВЕСЬ ВАШ КОД (добавив еще ваши библиотеки) к примеру со страницы http://demo.interface.club/limitless/demo/bs3/Template/layout_3/LTR/default/full/form_validation.html и вы увидете ОТСУТСТВИЕ ОТСТУПОВ между input. При этом система потребует удалить с вашей страницы ВСЕ ВАШИ FORM в том числе с form-horizontal

Понимаю, Вы скажите – плохая aspx, кстати та же проблема будет и в php, безусловно и она плохая, хотя на ней и построена вся WordPress. На самом – то деле плохими являются разработчики bootstrap, ПОД КОТОРЫЙ (?) нужно подстраиваться и которые умудряются 4 версию реализовывать с чистого листа без учета преемственности (?!) обеспечение преемственности – азбука для любого инженера, если он инженер конешно …

Что касается вашей работы, к ней безусловно нет никаких претензий, как вы правильно заметили вы действуете в рамках возможностей. Спасибо

*EDIT .select2-search, .select2-search__field { width: 100% !important; }

Hey there,

Of course, always But yours landed in spam folder for some reason, just replied back to all of them. Sorry about that.

Thanks

Many Thanks Eugene – received your responses not sure why the initial emails ended up Spam. Appreciate your feedback and advice as always.

You are always welcome. This happens sometimes, do ping me here if I don’t reply to your emails

We have just sent you another email – regarding one of the earlier points perhaps you could let us have your wisdom it would be much appreciated.