如何在不导入所有内容的情况下获取引导程序的 col 和行的样式?



我正在制作一个带有样式组件的反应应用程序,我想创建一个组件,就像使用col col-x一样,另一个组件用于引导row类。

但我的问题是我找不到样式,我在存储库中搜索了每个.col单词,但找不到任何东西。

如何使用样式化组件制作组件,在不导入整个引导程序的情况下重新创建引导程序col col-xrow

您应该能够从Bootstrap CDN https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.css 获取它。

我通常通过创建一个页面来解决此类问题,在该页面中加载我尝试部分模拟的库并将其应用于我打算拥有的结构。我将从开发工具中提取 CSS 规则(在多个浏览器中加载它以查找用例的差异后(并将相同的 CSS 规则创建到另一个页面中,具有相同的结构,但不使用另一个库,在这种情况下是 Bootstrap。如果存在非CSS差异,也就是说,结构的呈现方式部分由Javascript管理,那么我将列出要实现的目标,并尝试找到代码。一般来说,这将减少我必须实现的事情列表,只有几个项目,这往往是可行的。

最新更新