Twitter bootstrap Bootstrap Carousel儿童元素赢得'；不显示响应边距或填充

我想在引导的旋转木马中获取旋转木马标题元素，以允许在标准引导断点处重新定位其中的元素（

sm

，

md

，

lg

，

xl

）

目前，无论我在将类（例如，

pb-lg-5

）添加到旋转木马标题元素或其任何子元素（例如，

或

元素）时做了什么，都只会使用一个值。在所有四个断点上指定填充将不起作用。例如，如果我将

元素的填充设置为“pb-sm-2 pb-md-4 pb-lg-5 pb-xl-1”，则只有一个值会起作用，其他值都不会正确显示

下面是我的工作示例

标题文本
段落文本

这是由于定位在旋转木马内引起的问题吗？还是我完全遗漏了什么？

1）为什么

pb-sm-2pb-md-4pb-lg-5pb-xl-1

中的

pb-xl-1

？“最宽的屏幕-最小的填充”似乎不符合逻辑；下一步，您的样本是同样不清楚的“mb-sm-1 mb-md-4mb-lg-3mb-xl-5”，为什么不

mb-md-3 mb-lg-4

2） 只能使用序列中的一个填充值，它是按设计使用的，这取决于屏幕大小；对于自然生长的序列，如

pb-sm-2 pb-md-3 pb-lg-4 pb-xl-5

，这一点非常清楚-填充会随着屏幕大小的变化而变化

---

3） 据我所知，您的情况-这里没有特定于旋转木马的内容

我已经隔离了问题；当我在额外的定制CSS文档中编写额外的引导样式间隔类时，我认为这些类在级联中没有被正确引用

---

在将这些直接重写到引导样式表中（遵循现有CSS的确切形式）后，浏览器现在正确地吸引了我的其他样式。

为什么不添加代码段？好，所以我真的不明白这个代码笔是如何工作的，但我已经在这里为这个网站添加了HTML和CSS：1）进入右上角的设置，添加引导js和CSS 2）标题代码笔3）添加注释，比如//这不起作用？我期待着……当然，我现在已经实施了这些步骤。非常感谢。间距不一致，因为我将在四个不同的断点上使用不同的图像。这意味着它在sm、md、lg和xl上会有很大的不同（它不会随着尺寸的增加而增长）。我遇到的问题是，我需要为xl设置一个高值，以将转盘标题推到最大（宽屏）断点的高位置，但我希望对最小断点（sm）使用更少的填充，否则标题会一直阻塞在移动设备上的转盘顶部。您写道“我需要为xl设置一个高值。”。。但是我想对最小的（sm）使用更少的填充“。我的密码笔完全按照你说的那样工作，不是吗？如果不是，请将你的图像添加到你的密码笔的caroiusel中，以演示这些阻塞。Copdepen应该足以回答这个问题。我想我需要在这里添加实际的旋转木马，以更好地指示我看到的行为，我不认为我在这里生成的是我需要的解释。

<div class="carousel-caption text-left">
   <div>
      <h2 class="mb-sm-1 mb-md-4 mb-lg-3 mb-xl-5">Headline Text</h2>
      <p>Paragraph Text</p>
   <div>
</div>