score:0
Accepted answer
i needed to import jquery in index.js. also using react-bootstrap without jquery worked. thanks for everyone
score:0
i would take a look at this - https://react-bootstrap.github.io/. i recently built a simple little app and used this to avoid issues using bootstrap with react.
the code looks like this:
import react, {component} from "react";
import "./app.css";
import 'bootstrap/dist/css/bootstrap.min.css';
import mediaquery from "react-responsive";
import spotifywebapi from "spotify-web-api-js";
import { base64 } from 'js-base64';
import jumbotron from 'react-bootstrap/jumbotron'
import {button} from 'react-bootstrap';
import container from 'react-bootstrap/container'
import row from 'react-bootstrap/row'
import col from 'react-bootstrap/col'
<div classname="app">
<container>
<row>
<col classname = "autocenter">
<jumbotron classname = "backgroundcolor">
<h1>hello, friend!</h1>
<div>
hello
</div>
<div classname = "mt3">
text
</div>
<div>
<button
classname="spotifygreen mt4 f6 dim br-pill"
href = "">
button
</button>
</div>
</jumbotron>
</col>
</row>
</container>
</div>
i left out a bunch of stuff, but hopefully that helps with the syntax!
Source: stackoverflow.com
Related Query
- Bootstrap toggler button not working in reactjs
- ReactJS Bootstrap Navbar and Routing not working together
- ReactJS & Google MDL Button onClick not working
- Back button is not working when using history.pushState() in ReactJs
- Go Back button is not working when added a query param in ReactJs
- Use Pure Bootstrap v4 on ReactJs is NOT working
- bootstrap is not working in ReactJS code
- File Uplaod not working on Button click material-UI V1 ReactJs
- reactjs enable disable button through a function not working
- CSS animations, not working on disabeled bootstrap button
- bootstrap nav link is not working in reactjs
- - AJAX DataTables - Adding a condition in 'columns' (render) which returns a button (Link) of React-Router is not working - ReactJS -
- Toggle switch button not working in reactJs app
- Checkbox property DefaultChecked in reactjs not working with states updated by radio button
- bootstrap list group onclick not working created through reactjs
- onClick not working reactjs in button despite binding
- onClick function is not working in ReactJs on Button
- Button click not working in ReactJs
- onclick button toggle icon not working in reactjs
- Bootstrap 4 collapse not working with map in ReactJS
- Button onClick does not working in reactjs
- React Bootstrap Modal not working on submit Button
- ReactJs custom submit button component not working
- Bootstrap validator submit button is not working with react api calls
- Bootstrap 5 dropdown button is not working even after adding all the necessary scripts in index.html
- Button onclick does not working in reactJS with below code
- Bootstrap Dropdown not working in React
- ReactJS Router V4 history.push not working
- TouchableOpacity and button not working in react native Modal?
- Bootstrap classes do not work in ReactJS component
More Query from same tag
- How to generate a Fluent UI theme with in the library?
- Weird issue with setState and Callback
- Connect React Material UI: Mini Variant + Responsive drawer
- How to override MUIv4 class globally in JSS for nested themes?
- How to use react-toastr?
- In Redux, is there the concept of Data Provider?
- Fill the field immediately after reloading the page
- React Ionic hooks Component setValue isnt working
- How to access leaflet functionality with buttons that are not child components of a <MapContainer> with React Leaflet?
- Filter out children of a React component
- enzyme testing react with context api
- React + Ionic 5: Tab navigation problems
- React/CSS : How to move button to the left so it matches beginning of search bar
- TypeError: Cannot read property 'has' of undefined
- React - Draggable components with inputs lose the ability to focus when clicking that input
- set styling to div which contain TextInput field
- How to pass component as props with props in react?
- To loop over an image folder and display all images using React Js
- Curried function where ES7 property initializers aren't enabled
- supabase onAuthStateChange not re-rendering useEffect
- Updating the user coming from react-with-firebase-auth
- React functional component - how do I pass refs back to parent when component returns an array of elements?
- Callback or setState when path is loaded
- Trouble accessing nested array data using React useState
- How to make card component align in one row (React)
- docker compose not starting both application
- Type error when using onMutate in react query (Optimistic Updates)
- Error: Request failed with status code 403 - Problem with Axios, possible exchange for fetch
- React setState for Font Color with array index
- react download the document in the same page