我正在尝试更改引导轮播中箭头的宽度。我发现我需要更改 carousel.scss 的宽度。然而，这是一个外部库，我尝试过的 css(如下)不起作用。我看过很多例子，但我不知道如何将它融入我的工作中。我真的很感激有人的帮助，甚至是指向另一个看起来像这个问题的问题的链接。谢谢
CSS
.modal-body {
padding:15px, 8%;
}
HTML
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>Trip Guider</title>
<!-- Bootstrap core CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet">
<!-- Custom fonts for this template -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href='https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800'
rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic'
rel='stylesheet' type='text/css'>
<!-- Plugin CSS -->
<link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="./css/creative.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
</head>
style.css 是自定义的css文件
最佳答案
最简单的方法是向您的元素添加一个名为“CustomStyles.css”的新样式表。将您的覆盖代码添加到此样式表。
如果您将样式表称为页面上的最后一个样式表，那么“CustomStyles.css”中的样式默认情况下应该覆盖默认的 Bootstrap 行为。如果它仍然导致问题，则可以通过将其标记为 !Important(如下所示)来强制您的样式优先，但这不是必需的。
进行此更改后加载页面时，请务必重新加载页面清空缓存 (ctrl f5)，以确保原始样式未缓存在本地浏览器中。
.modal-body {
padding:15px, 8% !Important;
}
----聊天对话结果------
本质上，此解决方案适用于覆盖样式。在这种情况下，虽然错误的样式被覆盖了。通过将以下内容插入到新样式表中解决了特定问题。
.carousel-control-prev {
left: -50px;
}
.carousel-control-next {
right: -50px;
}
关于css - 如何将自定义CSS添加到库，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49221718/