Почему из-за таблицы стилей карусель моей карты Bootstrap не работает

Question

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

Это пример кода, который я использовал для карты карусели. https://codepen.io/kreigd/pen/ybYNoN

Я использовал коды, точно такие, как показано в примере по ссылке выше

<!-- I can only keep the 2 style sheet below and maintain my personal styling 
but the card carousel will not work--> 

<link href="bootstrap/css/bootstrap-grid.min.css" rel="stylesheet" />
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />

<!-- or I remove the 2 above and add this. This makes the card carousel 
work but my personal styling will be changed and not consistent with my 
other pages -->

<link rel='stylesheet' 
href='https://cdnjs.cloudflare.com/ajax/libs/twitter- 
bootstrap/4.0.0/css/bootstrap.css'>  

Мне нужна помощь, чтобы я смог сохранить свой оригинальный стиль и в то же время получитькарусельная карта для работы.

Answer 1

То, что когда-либо объявляется или называется последним, зависит от свойства styleНекоторые свойства, которые есть у вас в <link href="bootstrap/css/bootstrap-grid.min.css" rel="stylesheet" /> и <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" />, будут такими же, как и у карусели, которую вы используете.

Может быть только одно решение: либо вы должны предоставить свойства css, предназначенные для работы карусели, выбрав их из начальной загрузки, либо удалить ненужные свойства из начальной загрузки карусели, которыевлияет на основной дизайн вашей страницы.