【问题标题】:bootstrap row not working but button working with react js . why?引导行不起作用,但按钮与 react js 一起使用。为什么?
【发布时间】:2018-03-12 08:33:14
【问题描述】:

我正在使用带有 react js 的引导程序,我的按钮正在工作,但行没有。为什么?

<div className="container">
    <div className="row">
       <div className="col-md-6">
            1 of 2
               <button className="btn btn-info">fddfgdf</button>
       </div>
        <div className="col-md-6">
            2 of 2
        </div>
    </div>
</div>

【问题讨论】:

  • 你得到的错误是什么?你怎么知道它不起作用?

标签: reactjs bootstrap-4


【解决方案1】:

只需在您的主应用程序中包含 css,如下所示

import 'bootstrap/dist/css/bootstrap.css';

【讨论】:

  • @ShahinHasan 您的评论没有建设性,而且相当粗鲁。为什么你认为答案不好?
  • @ShahinHasan 确保在其他时间包含它,并在下次与一些代表交谈确保包含它检查开发工具上的 css 以确保它已加载,我建议您删除您添加的任何 css 并检查引导程序版本以确保您使用正确的 css 语法
  • @ShahinHasan 既然我喜欢,就给你。如何做出成熟反应的模板。 “感谢您的回答,Fadi。但是,我很确定我包含了 css,因为 [...]。我将编辑我的问题以使其更清楚。”不客气。
  • @ShahinHasan 帮助他人的想法是激励人们的想法,而不是最终每个人的行为都反映了他们的心态
  • @ShahinHasan 即使可以,我也不会以这种态度帮助你。学会友善和道歉,这是善意的建议。
猜你喜欢
  • 2021-12-15
  • 1970-01-01
  • 2020-12-11
  • 2022-01-23
  • 2018-01-25
  • 1970-01-01
  • 2022-12-03
  • 1970-01-01
  • 2016-06-19
相关资源
最近更新 更多