Linkedin Login web page with bootstrap plugins

I am trying to do this, But i am not able to move it into center.

How i can move rememberme and Lear more to left side.

Can any one guide me...!

Below is the code

"http://www.w3.org/1999/xhtml">
"Content/bootstrap.min.css" rel="stylesheet" />
"Content/Style.css" rel="stylesheet" type="text/css" />
"server">
"text/css">
.btn-info{
background-color:#006097!important;
}
class="text-center border border-light p-5" action="#!" style="width:500px;" >
"linkedin1.png" style="width:100px; height:100px;"/>
class="h4 mb-4">Welcome Back
class="h7 mb-4" color="gray">Don't miss your next opportunity. Sign in to stay updated on your professional world.
"email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail">
"password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password">
class="d-flex justify-content-around">
class="custom-control custom-checkbox">
"checkbox" class="custom-control-input" id="defaultLoginFormRemember" />
class="custom-control-label" for="defaultLoginFormRemember">Remember me.

4 Replies

Know the answer? Post it — somebody with the same question will find it here.

Salman Beg6y ago
Accepted answer
Hey just follow this link and apply css, https://css-tricks.com/quick-css-trick-how-to-center-an-object-exactly-in-the-center/
+1
Salman Beg6y ago
Can you please check this link, https://www.fourthbottle.com/2016/01/show-password-option-in-aspnet-using-checkbox.html?m=1
0
Mas6y ago
Salman, Can you please help me on the Show functionality in password textbox.
0
Mas6y ago
I am trying to do this, But i am not able to move it into center.
How i can move rememberme and Lear more to left side.

Can any one guide me...!

Below is the code
"http://www.w3.org/1999/xhtml">
"Content/bootstrap.min.css" rel="stylesheet" />
"Content/Style.css" rel="stylesheet" type="text/css" />
"server">

"text/css">
.btn-info{
background-color:#006097!important;
}




class="text-center border border-light p-5" action="#!" style="width:500px;" >
"linkedin1.png" style="width:100px; height:100px;"/>


class="h4 mb-4">Welcome Back



class="h7 mb-4" color="gray">Don't miss your next opportunity. Sign in to stay updated on your professional world.


"email" id="defaultLoginFormEmail" class="form-control mb-4" placeholder="E-mail">

"password" id="defaultLoginFormPassword" class="form-control mb-4" placeholder="Password">
class="d-flex justify-content-around">


class="custom-control custom-checkbox">
"checkbox" class="custom-control-input" id="defaultLoginFormRemember" />
class="custom-control-label" for="defaultLoginFormRemember">Remember me.