Bootstrap在React中不工作
Bootstrap是一个流行的前端开发框架，它提供了一套用于快速构建响应式网站和Web应用程序的CSS和JavaScript组件。React是一个用于构建用户界面的JavaScript库。由于Bootstrap是基于jQuery的，而React是一个独立的库，因此在React中直接使用Bootstrap可能会遇到一些问题。
在React中使用Bootstrap有几种解决方案。一种方法是使用React Bootstrap，它是一个基于Bootstrap的React组件库。React Bootstrap提供了一套React组件，这些组件与Bootstrap的样式和功能紧密集成，可以方便地在React项目中使用。你可以通过以下链接了解更多关于React Bootstrap的信息：React Bootstrap
另一种方法是使用自定义CSS样式，而不是直接使用Bootstrap的JavaScript组件。你可以通过将Bootstrap的CSS文件引入到React项目中，并根据需要自定义样式来使用Bootstrap的外观。这种方法可以避免与React的组件生命周期和状态管理冲突的问题。
总结起来，要在React中使用Bootstrap，你可以选择使用React Bootstrap组件库或者自定义CSS样式。这样可以在React项目中获得类似Bootstrap的外观和功能。
相关·内容
0回答
我终于尝试实现一些我在Bootstrap和React中读到的东西。我开始了这个React教程：，hello world应用程序运行良好。现在，我试图在这个hello world应用程序中插入一些引导程序代码，但我已经遇到了一些问题。我在我的index.html中的head标签中添加了以下代码：<!" crossorigin="anonymous"><
浏览 0提问于2018-07-18得票数 1
我知道react库，比如reactstrap和react，但是我想知道如何在没有这些libs的情况下插入bootstrap.js文件。
浏览 0提问于2017-05-01得票数 19
回答已采纳
我试图在我的页面上使用React-bootstrap，但在我的第一个组件上遇到错误。我已经用yeoman generator搭建了一个页面，并尝试将react-bootstrap添加到其中。import {Grid} from 'react-bootstrap';import {Col} from 'r
浏览 2提问于2015-12-12得票数 0
2回答
我正在构建一个使用gatsby/react/react-bootstrap/framer-motion的网站。我有一个框架运动覆盖我的反应引导css的问题？我不想把所有的响应性都重新定义到这些元素中，我想知道有没有办法让这两个库彼此配合得很好？？这似乎是一个令人头疼的试图使帧运动响应…我可能只是设计不同的视口，但idk。下面是我的代码： import React from "react";
import 'bootstr
浏览 21提问于2020-08-30得票数 1
2回答
反应带数据报警器
、、、
我正在使用react-strap npm软件包使用启动4组件在我的反应应用程序。当我尝试添加数据报警器react-bootstrap-date-picker时然后尝试在我的组件中使用它：/~/lib中的错误-引导-日期-选择器/lib/index.js
未找到模块: C:\Users\y\Desktop\Code\te
浏览 3提问于2017-11-13得票数 11
1回答
所以我做了：已经确认了文件在那里。在我的主要tsx文件中，我有：...\src\client-react\components\Header.tsx(9,23)
TS2307: Cannot find module 'react-bootstrap<
浏览 0提问于2019-09-13得票数 5
1回答
反应组件类元编程
、、、
我正在处理React，并使用React Bootstrap组件。
我在React-Bootstrap库中发现了一些问题，我通过编辑react-bootstrap.js文件来“修复”(或“工作”)。问题是，如果明天出现了一个新版本的react，那么我将不得不复制-粘贴/重写/我在reacti-bootstrap.js文件中编写的所有代码到新的文件
浏览 5提问于2014-09-19得票数 1
回答已采纳
我几周前开始学习ReactJS，我正在努力使用react bootstrap下拉按钮。以下是我的代码(简化)：import ReactDOM from "react-dom";import "./bootstra
浏览 0提问于2018-12-04得票数 0
我将bootstrap添加到其中，如下所示然后我编写了一个组件，比如import * as ReactDOM from 'react-dom'
浏览 1提问于2018-04-07得票数 3
回答已采纳
我创建了一个注销函数，它在没有sweetalert的情况下工作得很好。但是当我添加sweetalert按钮时，它就停止工作了。 这是我的代码。请帮帮我。import React, {Component } from 'react'; );};
export d
浏览 10提问于2020-09-26得票数 0
回答已采纳
1回答
我正在考虑React-bootstrap的布局。尝试了使用容器、行和列的基本布局。您可以访问沙箱here。 我从react-bootstrap文档中了解到的是，列应该水平放置，而不是堆叠在一起。
浏览 15提问于2021-08-22得票数 0
回答已采纳
2回答
这是我的代码，一切都很好，但是当我单击下拉按钮时，它会显示一个空白选项，就像下拉菜单中没有可用的选项一样。import 'bootstrap/dist/css/bootstrap.min.css';
import { DropdownButton, Dropdown } from "react-bootstrap</
浏览 4提问于2021-12-02得票数 0
回答已采纳
4回答
npm install react-bootstrap-table --saveimport {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table/node_modules/react-bootstrap-table/dist/react-bootstrap-table-all.min.css';
浏览 0提问于2018-11-22得票数 0
回答已采纳
2回答
我正在使用bootstrap构建一个REACT JS应用程序，bootstrap CSS工作得很好。但是，它似乎没有加载javascript，因为菜单切换按钮不会激活/切换菜单。/3.3.2/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="/css/main.css&quo
浏览 1提问于2015-10-08得票数 1
我正在使用react bootstrap并尝试将NavBar菜单向右对齐 <NavDropdown我使用"react-bootstrap"："^1.0.0-beta.10"，"react-dom"："^16.8.4“和"bootstrap"："^
浏览 8提问于2019-07-30得票数 2
1回答
我的应用程序中没有其他组件。反应版本: 17.0.2import React from "react"; return (
<Navbar collapseOnSelect expand="lg" bg=&quo
浏览 6提问于2021-10-31得票数 2
回答已采纳
2回答
反应性组件CSS文件CSS代码不工作。组件文件CSS已导入।import React from 'react';import './Banner';
浏览 5提问于2022-05-08得票数 0
2回答
import React, { Component } from "react";import{ NavLink } from 'react-router-dom';import Home from ".</p>
<Banne
浏览 0提问于2018-09-06得票数 1
我正在使用Tabs框架的react-bootstrap组件。当我举一个例子： <p> AAAAAAA </p>在Tab里面，我没有看到这个标签上的任何东西。
浏览 0提问于2019-09-08得票数 0
回答已采纳
2回答
我试图遵循React的自动布局，当它显示在我的代码中时，它给列值以自己的空间，而不允许它们响应，就像文档中的那样。我已经
正如您所看到的，“2中的2”应该与'1的2‘处于相同的级别，并且应该根据文档中的自动布局属性将其减半，但它没有这样做。
浏览 4提问于2021-04-17得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
