html - Bootstrap Carousel 在 html 中覆盖了我自己的样式

标签 html bootstrap-carousel

我是 html 的新手,技能非常有限,所以请多多包涵。

我想在我网站的首页上放置一个带有链接的无限图像轮播。但是 Bootstrap 覆盖了我的网页样式。我以为我知道我的样式在哪里(我显然不知道)并尝试在旋转木马之后添加它们但是它没有用。

我需要页面上特定位置的轮播。

我尝试将旋转木马放在 table 上或添加等(几乎所有我能想到的)都是徒劳的。不知道该怎么做,因为我远不是代码编写大师…… 对此有任何帮助将不胜感激!!!

先谢谢了!!!

最佳答案

在我所知道的几乎所有 bootstrap 情况下,如果您在 bootstrap 样式之后加载自己的样式,Bootstrap 样式将不会覆盖自定义样式。

正确的方法:

<head>
    <link rel="stylesheet" type="text/css" href="link-to-boostrap.css">
    <link rel="stylesheet" type="text/css" href="custom-styles.css">
</head>

错误的方式:

<head>
    <link rel="stylesheet" type="text/css" href="custom-styles.css">
    <link rel="stylesheet" type="text/css" href="link-to-boostrap.css">
</head>

除非非常特殊的情况,否则样式表应始终位于标题中。

如果您将样式直接放在页面上 <style>标记,您可以按照以下说明将它们移动到外部样式表:https://www.w3schools.com/css/css_howto.asp

关于html - Bootstrap Carousel 在 html 中覆盖了我自己的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45743213/

相关文章:

css - Bootstrap 4 旋转木马 : How to stack container items instead of inline

javascript - bootstrap carousel 在 first 和 last 上隐藏控件

javascript - 没有 ID 的多个 Bootstrap 轮播?

javascript - 在html中显示图片

html - 如何将三个不同的段落垂直放在一个列表中?

java - 将值从 jsp 发送到 jsp

carousel - Bootstrap Media Slider Carousel 重复项目

php - 使用 php 创建一个调用 php 函数的按钮

css - 如何在三 <div> 布局中拉伸(stretch)中间 <div> 高度?

css - Bootstrap 轮播控件进入其他 Div