На первый взгляд, эта структура кажется нам простой и легкой в работе, и, конечно, это так, и начать использовать ее не сложно. Документирование этой структуры хорошо написано и содержит много кода программирования, связанного с HTML, CSS и JavaScript. Но некоторые ошибки и проблемы могут не очевидны или могут присутствовать в неоднозначных случаях использования. Поскольку платформа начальной загрузки кажется простой и легкой в использовании, эта структура распространяется как лесной пожар, и многие разработчики начали использовать его, что привело ко многим ошибкам и некоторым проблемам.
Поэтому в этой статье я перечислю 5 общих ошибок, которые делают пользователи этой структуры.
Ошибка 1: эта структура была неправильно понята в первую очередь.
В умах разработчиков присутствуют некоторые заблуждения по поводу этой структуры, и это может быть связано с тем, что эти концепции явно и четко не присутствуют на сайте Framework или потому, что разработчики не тратят время, чтобы прочитать документацию этой структуры. Разработчики могут делать многое неправильно, а затем обвинить саму рамку, поэтому давайте проясним некоторые важные факты.
Структура начальной загрузки — это всеобъемлющая и интегрированная структура, но она не является громоздкой или массивной. Эта структура поставляется с основными шаблонами, которые содержат много компонентов пользовательского интерфейса, таких как таблицы, формы, кнопки, выпадающие части и многое другое. Вы можете использовать эти компоненты для создания интерфейса, который лучше всего подходит для нескольких браузеров, устройств и размеров.
Это правда, что фреймворк не будет делать все, но она предоставляет набор вариантов для вас на выбор, что помогает разработчикам сосредоточиться на разработке больше, чем дизайн, и помогает им получить красивый веб -сайт за меньшее время.
Ошибка 2: думая, что вам не нужно знать CSS, чтобы использовать эту структуру.
Если вы думали, что вам не нужно знать CSS для использования этой структуры, то вы ошибаетесь, так как любой веб -разработчик нуждается в знаниях CSS и HTML5. Это правда, что это спасает вас за неприятностями с некоторыми раздражающими проблемами CSS (например, префикс -поставщик) и дает вам много форматов по умолчанию, но вы должны понимать CSS. Возможно, вам не нужно знать, как работают медиа -запросы, но вам, конечно, нужно знать, как работает адаптивный дизайн в целом. Фреймворки не предназначены для того, чтобы научить вас CSS, но они могут помочь.
Ошибка 3: Изменение файла CSS по умолчанию для этого кадра.
Позвольте мне сделать это простым и простым: никогда не изменять файл bootstrap.css.
Если вы измените этот файл, все станет сложным, и вы уничтожите дизайн, когда вы обновляете файлы Bootstrap, когда будет выпущена новая версия этой структуры. Вы можете заменить форматы по умолчанию этого кадра на форматы, которые вам нужны (например, цвета, края, наборы), и вообще нет необходимости изменять файл bootstrap.css вообще.
Не знаете, как использовать меньше или нахмель? Нет проблем с этим, все, что вы должны сделать, это создать файл CSS и вставить в него форматирование, которое вы хотите заменить из основного файла bootstrap.css. И, как мы упоминали ранее, знание CSS чрезвычайно важно, даже если вы думаете иначе. Вы можете создать новые селекторы CSS или классы и поместить их в свой HTML -файл, чтобы заменить макеты начальной загрузки по умолчанию (не забудьте поместить свой файл CSS после начальной загрузки файлов CSS по умолчанию, чтобы все было правильно работать).
Ошибка 4: Использование всего, что обеспечивает платформа начальной загрузки.
Ранее я упоминал, что эта структура является всеобъемлющей и интегрированной, а также предоставляет множество компонентов пользовательского интерфейса, а также множество шаблонов HTML и CSS и плагинов JavaScript. Но вы не должны использовать все, что предлагает эта структура, если вам не понадобится для проекта, над которым вы работаете.
Это особенно верно для плагинов JavaScript, так как вам следует выбрать только те плагины, которые вам понадобятся, и вы не должны использовать все, потому что он выглядит красиво и удивительно, так как это может перегрузить ваш сайт и сделать его медленным. Таким образом, сначала вы не должны вставлять файл bootstrap.js и создавать свой сайт, используя только HTML и CSS, а затем добавлять компоненты, которые вам нужны один за другим.
Ошибка 5: усложнение вещей с помощью JavaScript и пренебрежение атрибутом «data-».
Дизайнеры или новички для JavaScript могут легко создавать веб -страницы, используя HTML, CSS и начальную загрузку. Но если они не очень хороши в программировании, они могут попасть в ловушку неправильного использования JavaScript или даже усложнять вопросы. Важно отметить, что плагины JavaScript могут использоваться с использованием API, предоставленного Framework Bootstrap без необходимости писать одну строку JavaScript.
Например, мы можем включить модальный диалог, не написав ни одной строки JavaScript, используя:
На элементе, таком как кнопка или якорь, и прохождение дополнительных значений, используя атрибуты -data. В приведенном ниже коде мы указали элемент с идентификатором «#mymodal» и использовали опцию BackDrop Data, чтобы не было исчезнуть окно, если пользователь нажимал вне окна, и, используя опцию «Клебак», мы отключили кнопку Escape на кнопке Escape на клавиатура. Это закрывает окно при нажатии. И все это было сделано с использованием только одной линии HTML:
Оригинал: «https://dev.to/amran92/5-common-mistakes-when-using-the-bootstrap-framework-28c»