मैं प्रतिक्रिया में रिएक्टस्ट्रैप के कार्ड घटक के साथ काम कर रहा हूँ।

तो मुझे कार्ड शीर्षक और कार्ड शीर्षक के लिए पृष्ठभूमि के रूप में दी गई छवि की आवश्यकता है। इसलिए मैंने दस्तावेज़ीकरण का हवाला दिया और CardImgOverlay घटक का इस्तेमाल किया

नीचे दिया गया कोड स्निपेट है

import React, { Component } from 'react'
import { Form, Card, CardTitle, CardText, CardImg, CardImgOverlay, Container, Row, Col } from 'reactstrap'
import './style.css'

class WeatherComponent extends Component{
    render(){
        return(
            <div>
                <Container>
                    <Row>
                        <Col>
                            <Card>
                                <CardImg width="50%" src="assets/images/sunny.jpg" alt="Card image cap" />
                                <CardImgOverlay>
                                    <CardTitle className='text'>Weather</CardTitle>
                                    <CardText className='text'>Summer</CardText>
                                </CardImgOverlay>
                            </Card>
                        </Col>
                    </Row>
                </Container>
            </div>
        )}
}    
export default WeatherComponent

लेकिन उपरोक्त पृष्ठ सही ढंग से प्रस्तुत नहीं हो रहा है और मुझे जो मिल रहा है वह यह है:

enter image description here

इस समस्या को ठीक करने के लिए एक समाधान की बहुत सराहना की जाती है।

0
Nimrod 11 सितंबर 2020, 16:59

1 उत्तर

सबसे बढ़िया उत्तर

आयात 'बूटस्ट्रैप/जिला/सीएसएस/बूटस्ट्रैप.मिन.सीएसएस';

1
JB_DELR 11 सितंबर 2020, 17:16