Saya menggunakan React-Bootstrap di aplikasi React saya. Hal ini menyebabkan margin di sisi kiri dan kanan. Saya menggunakan kode berikut:
import React, { Component } from "react";
import "react-bootstrap/dist/react-bootstrap.min.js";
import "bootstrap/dist/css/bootstrap.min.css";
import { Grid, Row, Col } from "react-bootstrap";
import MuiThemeProvider from "material-ui/styles/MuiThemeProvider";
import AppBar from "material-ui/AppBar";
<Grid fluid>
<Row>
<Col xs={12} md={12}>
<AppBar title="Title"
iconClassNameRight="muidocs-icon-navigation-expand-more"/>
</Col>
</Row>
<Row>
<Col xs={4} md={4}>
<h1>Hello</h1>
</Col>
<Col xs={8} md={8} >
<h1>Hello World!</h1>
</Col>
</Row>
</Grid>
Saya mendapatkan keluaran berikut:
Jika saya menghapus xs and md
dari <Col>
maka masalah akan teratasi.
Mengimpor twitter-bootstrap menyebabkan masalah ini. Jika saya menghapus impor twitter-bootstrap maka gaya bootstrap tidak berfungsi.
Masalah ini sama dengan masalah Twitter-Bootstrap, tapi saya tidak bisa memperbaikinya di React-Bootstrap.
Row
komponenpadding-left
danpadding-right
ke 0 akan memperbaiki masalah - person bennygenel   schedule 11.09.2017!important
untuk mengganti gaya bootstrap - person bennygenel   schedule 11.09.2017!important
tetapi juga tidak berhasil. Saya akan memperbarui pertanyaan yang akan ditautkan ke CodePen. - person Amanshu Kataria   schedule 11.09.2017