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

时间:2017-08-17 19:09:45

标签: html bootstrap-carousel

我非常擅长HTML并且技能非常有限,所以请耐心等待。

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

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

我尝试将旋转木马放在桌子上或添加等等(几乎我能想到的任何东西)都是徒劳的。不知道该做什么,因为我远不是一个主代码作家...... 任何帮助都将非常感谢!!!

提前谢谢!!!

1 个答案:

答案 0 :(得分:0)

在我所知道的几乎所有引导程序的情况下,如果在引导样式之后加载自己的样式,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