Если вы скопировали CSS-код блока с другого сайта и подключили Bootstrap, но блок не отображается должным образом, есть несколько возможных причин и несколько вещей, которые стоит проверить.
1. Убедитесь, что вы правильно подключили Bootstrap к вашему проекту. Bootstrap может быть подключен как локально из вашего файлового хранилища, так и с помощью внешней ссылки на CDN (Content Delivery Network). Убедитесь, что вы используете правильный путь или ссылку и что подключение происходит до подключения вашего скопированного CSS-кода. Неправильное подключение Bootstrap может вызвать конфликты между стилями и привести к неправильному отображению блока.
2. Проверьте порядок подключения стилей. Если вы подключили свой скопированный CSS после подключения Bootstrap, это может вызвать перезапись стилей Bootstrap, что может привести к неправильному отображению блока. Убедитесь, что порядок подключения стилей выглядит примерно так:
<link rel="stylesheet" href="путь_к_Bootstrap/bootstrap.min.css"> <link rel="stylesheet" href="путь_к_вашему_CSS/ваш_css.css">
3. Проверьте, нет ли конфликта стилей между вашим скопированным CSS и стилями Bootstrap. Иногда стили в вашем скопированном CSS и в Bootstrap могут быть противоречивыми и вызывать конфликт. Проверьте, возможно ли ваши стили заменить или изменить, чтобы они не противоречили стилям Bootstrap.
4. Убедитесь, что вы не пропустили какие-либо классы, идентификаторы или другие атрибуты, которые могут быть необходимы для правильного функционирования блока. При копировании CSS-кода блока необходимо знать, что все используемые классы, идентификаторы или другие атрибуты могут иметь значение и влиять на стилизацию блока.
5. Если все прочие проверки не выявили причину, попробуйте проверить консоль разработчика в браузере. Возможно, там есть какие-то ошибки или предупреждения, которые могут помочь вам найти причину неправильного отображения блока.
6. Если все вышеперечисленное не помогло, стоит взглянуть на CSS-код блока, которые вы скопировали. Возможно, он содержит какие-то адаптивные или другие функции, которые зависят от других стилей или JavaScript-скриптов, которые вы не скопировали или не подключили. Проверьте весь CSS-код блока, чтобы убедиться, что вы не пропустили какие-либо зависимости.
В конечном итоге, чтобы точно определить причину неправильного отображения блока, необходимо иметь доступ к вашему коду и к CSS-коду блока, чтобы проанализировать их подробно.