MDBPro

scarranca 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>

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: 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