Align Div in the midle of the screen [duplicate]


Align Div in the midle of the screen [duplicate]



This question already has an answer here:



Well I have my background (red border) and my login div (blue border)



I want to make my login div stay in the center of the screen. I'm using this code for this:



HTML CODE




</div>



CSS CODE


.login-background{
width: 100%;
height: 100%;
margin: 0;
padding: 30px;
position: fixed;
background: #eee;
overflow: hidden;
border: solid red;
}

.login{
margin: auto;
padding-bottom: 25px;
background-color: #dcf8c6;
boder: solid blue;
-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54);
-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54);
box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.54);
}



But this isnt work for me. Look my screen:



enter image description here



How I can put this div in center (verticaly and horizontaly) on my screen?



This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.





Are you using Bootstrap 3 or 4? Flexbox makes this easy, so if flexbox is an option for you, this solution should work
– Jacob Stamm
Jun 29 at 18:28





@JacobStamm boostrap 3.3.7. But I think I can update if necessary
– Lucas Alves
Jun 29 at 18:32






With bootstrap 4, you only need to add the css class justify-content-center to the row, i.e., <div class="row background justify-content-center"> as grid system in bootstrap 4 uses flexbox. With bootstrap 3, you need center-block css class instead.
– David Liang
Jun 29 at 18:32



justify-content-center


<div class="row background justify-content-center">


center-block





this working for me @DavidLiang
– Lucas Alves
Jun 29 at 18:36




Comments

Post a Comment

Popular posts from this blog

paramiko-expect timeout is happening after executing the command

paramiko-expect timeout is happening after executing the command Can someone help me why timeout is happening after executing the command .I am trying to SSH to a machine and execute a command.I want to store the result of the executed command . I have referred paramiko-timeout but i didn't get my expected result. import traceback try: import paramiko except ImportError: raise Exception("Please install paramiko , pip install paramiko") import pexpect from paramiko_expect import SSHClientInteraction def main(): HOSTNAME = "minion5.net" USERNAME = "root" PASSWORD = "help@432" PROMPT = "root@*:~$s+" try: client = paramiko.SSHClient() client.load_system_host_keys() client.set_missing_host_key_policy(paramiko.AutoAddPolicy()) client.connect(hostname=HOSTNAME, username=USERNAME, password=PASSWORD) with SSHClientInteraction(client, timeout=20, display=True) as interact: ...
Read more

Export result set on Dbeaver to CSV

Export result set on Dbeaver to CSV Normally I use Dbeaver for windows and always export my result set like this: run my query --> select the result --> export the result set --> select export to clipboard --> done This step by step puts my result set in my clipboard and I can paste it wherever I want to work with it. The problem is that now I am using dbeaver for mac and this guide is not working. I can go on until the moment that I select my result set like in the image below: exporting data set But once I go further in the process, in the last step I get: no query Note that in "source" it was suppose to show the query that originated the result set, but instead it says just "select. As a result it does't select my result or anything (besides being "successful"). Normally my query would show up there automatically and I couldn't find any option that corrects this problem in the menus. Please help me! Thanks. Aft...
Read more

Opening a url is failing in Swift

Opening a url is failing in Swift breakpointing inside the callback and logging success shows false. I added itms-apps to my plist: LSApplicationQueriesSchemes and put this in my app delegate: func application(_ app: UIApplication, open url: URL, options: [UIApplicationOpenURLOptionsKey : Any] = [:]) -> Bool { return true } func moreTapped() { let url = NSURL(string: "itms-apps://itunes.com/developer/quantum-productions/id979315877") if #available(iOS 10.0, *) { UIApplication.shared.open(url! as URL, options: [:], completionHandler: {(success: Bool) in }) } else { UIApplication.shared.openURL(url! as URL) } } Are you testing on a real device? – rmaddy Jun 21 at 23:57 I try on a device, get "Cannot Connect to App Store". Device is online ...
Read more