Html CSS规则部分应用

我正在开发一个小型的。我使用较少的文件作为响应和网格的基础

我以前遇到过一个问题，网格没有响应（），根据答案，我意识到我必须将

responsive.less

文件与

bootstrap.less

文件一起包含，以获得响应功能

在解决了这个问题后，我仍然会有更奇怪的行为：

<div class="headline-container pull-left">
    <div class="headline-inner">
        <h1>Roland Groza</h1>
        <h4>Frontend Developer</h4>
    </div>
</div>

---

上面的文本将是一个行为有点奇怪的文本。

您的html不是您发布的内容，而是您发布的内容

<figcaption class="headline-container">
<div class="headline-inner">
<h1>Roland&nbsp;Groza</h1>
<h4>&lt;&nbsp;Frontend&nbsp;Developer&nbsp;/&gt;</h4>
</div>
</figcaption>

罗兰·格罗扎
前端开发者/

我看不到任何状态为410px的查询（您所说的应该在“转到410px之前”时应用）

---

你能评论一下什么是应该应用的规则，什么不是吗？

如果你说的是

标题没有响应，您可以使用或修复。

您是说背景网格如何随着宽度的减小而扩展到全屏吗？如果您是说两个容器元素的蓝色背景与另一个大小不相同，则需要查看其他媒体大小的块之前的.container、.container:。当你小于某个尺寸（我忘了是什么尺寸）后，你就会停止以同样的方式进行背景处理。不，这是我期望的行为：）试着找到我在问题描述中提到的元素，你就会看到我在说什么@zmanca你在使用最新版本的推特引导吗？我正在查看responsive.less文件，没有看到410px的任何规则。也许可以尝试获取最新的文件，或者使用JSFIDLE发布编译后的.css，这样人们就可以看到您实际引用的内容。我一天前刚刚更新了内容，这就是为什么它不一样的原因。但是班级还是一样的。

<figcaption class="headline-container">
<div class="headline-inner">
<h1>Roland&nbsp;Groza</h1>
<h4>&lt;&nbsp;Frontend&nbsp;Developer&nbsp;/&gt;</h4>
</div>
</figcaption>