Topic: MDBPro
scarranca free asked 6 years ago
Hi, i have mdb pro react and im trying to use pro components, i have copied the code js and css but it's look plain...
<MDBCard>
<div className="header pt-3 peach-gradient">
<MDBRow className="d-flex justify-content-center">
<h3 className="white-text mb-3 pt-3 font-weight-bold">
Log in
</h3>
</MDBRow>
<MDBRow className="mt-2 mb-3 d-flex justify-content-center">
<a href="#!" className="fa-lg p-2 m-2 fb-ic">
<MDBIcon className="fa fa-facebook white-text fa-lg" />
</a>
<a href="#!" className="fa-lg p-2 m-2 tw-ic">
<MDBIcon className="fa fa-twitter white-text fa-lg" />
</a>
<a href="#!" className="fa-lg p-2 m-2 gplus-ic">
<MDBIcon className="fa fa-google-plus white-text fa-lg" />
</a>
</MDBRow>
</div>
<MDBCardBody className="mx-4 mt-4">
<MDBInput label="Your email" group type="text" validate />
<MDBInput
label="Your password"
group
type="password"
validate
containerClass="mb-0"
/>
<p className="font-small grey-text d-flex justify-content-end">
Forgot
<a
href="#!"
className="dark-grey-text ml-1 font-weight-bold"
>
Password?
</a>
</p>
<MDBRow className="d-flex align-items-center mb-4 mt-5">
<MDBCol md="5" className="d-flex align-items-start">
<div className="text-center">
<MDBBtn
color="grey"
rounded
type="button"
className="z-depth-1a"
>
Log in
</MDBBtn>
</div>
</MDBCol>
<MDBCol md="7" className="d-flex justify-content-end">
<p className="font-small grey-text mt-3">
Don't have an account?
<a
href="#!"
className="dark-grey-text ml-1 font-weight-bold"
>
Sign up
</a>
</p>
</MDBCol>
</MDBRow>
</MDBCardBody>
</MDBCard>
Add comment
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Opened
Specification of the issue
- ForumUser: Free
- Premium support: No
- Technology: MDB React
- MDB Version: 4.7.1
- Device: Macbook Pro
- Browser: Chrome
- OS: MacOS Mojave
- Provided sample code: Yes
- Provided link: No