Html 制作这个模型需要帮助吗

我有一个任务，我用HTML和CSS做得很好，但一旦我添加了bootstrap的CDN，事情就变了 代码在这里

标题，
.额外数据{
显示器：flex；
弯曲方向：行；
}
标题.配置文件缩略图{
宽度：140px；
高度：80px；
边界半径：4px；
}
header.profile名称{
显示器：flex；
弯曲方向：立柱；
左边距：0px；
}
标题。跟随btn{
显示器：flex；
保证金：0自动；
}
标题。跟随btn按钮{
边界：0；
边界半径：10px；
填充物：5px；
}
标题。跟随btn按钮：悬停{
背景色：#9C2E9F；
}
标题h3，
收割台h4{
显示器：flex；
保证金：0；
}
#内p{
边缘底部：10px；
字体大小：20px；
}
#内部人力资源{
利润率：20px0；
边框样式：实心；
不透明度：0.1；
}
.额外数据.统计数据{
显示器：flex；
字体大小：15px；
}
.额外数据。统计数据强劲{
字号：18px；
}
.额外数据.统计数据.喜欢{
左边距：10px；
不透明度：0.8；
}

营销业务战略经理
马里兰州洛克维尔精选酒店
营销策略、SPSS、销售与营销；分销、市场规模

提交

两天前
0-2年
项目管理
全职
H-1B

我想第一件事是，为什么在编写代码后添加引导CDN？ 您应该始终首先实现您的框架

您的问题源于使用flex和CSS编写代码。我相信它基本上是在寻找引导关键词。Bootstrap使用它自己的一组关键字在HTML和CSS中进行样式设置。我希望这有助于解释你的问题

此链接应有助于解决您的安置问题。

---

Bootstrap是一个框架，它有自己的功能、格式和样式。听起来它好像覆盖了你的布局。您必须使用适当的类来调用元素以使其工作。如果您想进一步自定义它，您的自定义CSS将在声明引导之后进行。如果你想做一些快速测试，有一些引导沙箱站点。祝你好运

请进一步解释您要修复的问题？