当前位置: 首页 > 知识库问答 >
问题:

使用外部css和bootsrap框架类进行响应

卢皓轩
2023-03-14

抱歉,如果标题看起来不准确。

我正在修改我的网页,以便在我的组件/容器中使用外部css。

我也使用Bootstrap,我们有内置类。

现在,我想在元素上使用外部类和引导类。

例如,考虑一下,我们正在导入我们的外部CSS。

import Classes from './signup.css'

因为我们也使用boostrap,所以我的按钮元素应该是这样的

<button type="submit" className="btn mx-auto btn-primary" onClick={this.submitHandler}>Submit</button>

通过在webpack中进行更改,我们可以像这样使用CSS

className={Classes.something} 

现在我想把这个CSS和我的引导类一起使用,因为一个元素不能有两个类名,我对如何继续感到困惑。

有人能帮帮我吗?

共有1个答案

吴宝
2023-03-14

你试过这样做吗?

className={`class1 ${Classes.something}`}

在这个堆栈问题中也提到了这一点:堆栈溢出

 类似资料:
  • 问题内容: 我想为Entity Framework查询创建一些测试用例,这些查询用例肯定会生成包含CROSS APPLY或OUTER APPLY运算符的SQL命令。 有人可以显示出现这类SQL查询的典型情况吗? 问题答案: 在LINQ 2 SQL中,这总是导致: 在EF中,这可能会失败,也可能会导致(我不知道是哪一个)。这是一个 关联联接,在SQL端需要一个。

  • 虽然这可能看起来并不明智,但我建议你使用 style-loader 将第三方 CSS 库导入 webpack,其实这一点我们已经为你做了。 使用案例 假设你要为你的程序使用 bootstrap、bulma 或者 materialize。你可以仍旧像通常情况下一样,从 npm 安装你的库,而不是将资源附加到 index.ejs 上,我们将在我们的 JavaScript 中导入 CSS,具体在 src

  • 本文向大家介绍Python使用Scrapy框架进行抓取,包括了Python使用Scrapy框架进行抓取的使用技巧和注意事项,需要的朋友参考一下 示例 首先,您必须建立一个新的Scrapy项目。输入要存储代码并运行的目录: 要刮擦,我们需要一只蜘蛛。蜘蛛定义了如何刮除某个站点。以下是蜘蛛的代码,该代码遵循指向StackOverflow上投票最高的问题的链接,并从每个页面中抓取一些数据(源): 将您的

  • 下面是 jQuery UI 使用的 Class 名称列表。这些 Class 用来创建跨应用程序的视觉一致性,且允许组件通过 jQuery UI ThemeRoller 进行主题化。下面的 CSS 类根据样式是否是固定的结构化的,或者是否是可主题化的(颜色、字体、背景等),分别定义在 ui.core.css 和 ui.theme.css 两个文件中。 布局助手 .ui-helper-hidden:对

  • 早上好我正在做一个使用空手道的项目。我对空手道完全陌生,可以原谅我在这里缺乏知识。 使用-m命令行参数执行独立空手道jar以启动mock.feature.mock.feature引用基于org.springframework.amqp构建的utils类。 问题是空手道。由于外部库“org/springframework/amqp/rabbit/connection/ConnectionFactor

  • CalculatorOperationSmockTest.java 我成功地使用测试了上面的,但是我是Mockito框架的新手,当我尝试运行文件时,我得到了下面的错误,我不知道如何解决它