Html 如何仅对特定标记使用Bootsrap4

你好，Peeps

非常感谢您花时间阅读本文。我是Wordpress的新手。我想更新我的页脚

我为我的页脚编写了一个HTML代码，我将在Customization>Layout>footer上使用它。 但我无法将bootstrap 4与之链接，因为代码窗口会自动删除链接的bootsrap行

所以我尝试添加一个页脚小部件，但它影响了我的整个页面。我想使用bootstrap4使我的页脚响应。 我不知道如何使用媒体库。我用网格系统（col-sm-12，col-lg-4）设法使我的页脚响应，但每当我导入bootstrap4链接时

你能帮助我如何使我的页脚响应吗

如果你想现场查看的话 您可以看到此页的页脚： 不要检查主页的页脚，因为它是由thrive architect制作的，我只是试图通过编写代码来复制它。 如果您对如何在不使用引导的情况下使代码具有响应性有任何建议，我也将不胜感激。：）

提前谢谢

.bg{
背景色：rgb（49,65,140）；
颜色：白色；
}
a{
颜色：白色；
文字装饰：无；
}
.集装箱{
文本对齐：居中；
}
#社会的{
保证金：60px 0px自动；
溢出：隐藏；
文本对齐：居中；
}
@媒体屏幕和屏幕（最大宽度：768px）{
#社会的{
保证金：26px自动；
}
}
#社会保险{
保证金：0px自动；
列表样式类型：无；
填充：0px；
}
#社会的，社会的，
#社会接触{
显示：内联块；
}
#社会力{
利润率：0.17px 0.0；
浮动：左；
颜色：黑色；
}
@仅介质屏幕和（最大宽度：495px）{
#社会力{
裕度：0 10px 0；
浮动：无；
明确：两者皆有；
}
}
#社会李安{
颜色：黑色；
}
#社会的，社会的，
#社会接触{
显示：内联块；
}
.类别{
字体大小：粗体；
字体家族：文人！重要；
字体大小：19px！重要；
--g-正常体重：400；
--g-粗体重量：700；
}
.第二类{
字号：18px；
字体系列：Muli；
字体重量：300！重要；
}
}

文件
技术开发I/O让您随时了解最新的技术新闻和小工具。我们还提供趋势小工具的评论
信息



联系我们
无法为特定HTML标记应用样式表。例如，您可以确定它们的范围-使样式表中的所有规则与给定的标记/选择器相关：

footer.bg {
 /* Some footer styles */
}
footer.bg .category{
 /* Some footer category styles */
}

但这些风格在全球范围内得到应用。无论何时匹配规则，都会相应地应用其样式

在您的情况下，据我所知，您需要引导网格工具，如
col
，
row
，等等，但是导入整个引导CSS会覆盖并破坏该页面上已有的样式

有一个官方的引导网格CSS，它将只提供那些响应网格实用程序。请记住，它还附带了一些显示和flexbox实用程序，如果碰巧使用相同的类，这些实用程序可能会与某些样式发生冲突

这里有一个链接：
您不能为特定的HTML标记应用样式表。例如，您可以确定它们的范围-使样式表中的所有规则与给定的标记/选择器相关：

footer.bg {
 /* Some footer styles */
}
footer.bg .category{
 /* Some footer category styles */
}

但这些风格在全球范围内得到应用。无论何时匹配规则，都会相应地应用其样式

在您的情况下，据我所知，您需要引导网格工具，如
col
，
row
，等等，但是导入整个引导CSS会覆盖并破坏该页面上已有的样式

有一个官方的引导网格CSS，它将只提供那些响应网格实用程序。请记住，它还附带了一些显示和flexbox实用程序，如果碰巧使用相同的类，这些实用程序可能会与某些样式发生冲突

这里有一个链接：
Hello@Dimitar，我是否可以为footer.bg{}编写任何特定的css，使我的代码对桌面、手机和平板电脑具有响应能力？如果是，我在哪里可以找到它？Hello@Dimitar，是否有任何特定的css，我可以只为footer.bg{}编写，这将使我的代码对台式机、移动设备和平板电脑做出响应？如果是，我在哪里可以找到？