Question

我正在尝试更改bootstrap轮播中箭头的宽度。我已经知道我需要改变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文件

Answer 1

最简单的方法是在项目中添加一个名为＆＃34; CustomStyles.css＆＃34;的新样式表。将覆盖代码添加到此样式表。

如果您将样式表称为页面上的最后一个样式表，那么＆＃34; CustomStyles.css＆＃34;应该默认覆盖默认的引导行为。如果它仍然导致问题，可以通过将其标记为优先强制您的样式！重要（如下所示），但这不是必要的。

在进行此更改后加载页面时，请务必重新加载页面清空缓存（ctrl f5），以确保原始样式未在本地浏览器中缓存。

switch_to.frame()

----聊天对话的结果------

从本质上讲，此解决方案适用于覆盖样式。在这种情况下，虽然错误的样式被覆盖。通过将以下内容插入新样式表来解决特定问题。

switch_to.default_content()

如何将自定义css添加到库中

1 个答案: