Richard Korts
asked on
Bootstrap - CSS
Please look at http://rkassoc.org/Houston/.
Note how the tan background extends to the right. Note in the code (HTML), things are centered. I do not want the excess background on the right.
How do I get rid of it?
Note how the tan background extends to the right. Note in the code (HTML), things are centered. I do not want the excess background on the right.
How do I get rid of it?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<title>City of Houston Backflow Assembly & Test Report Form</title>
<style>
.nopadding {
padding: 0 !important;
margin: 0 !important;
}
.wrapper {
max-width: 767px;
min-width: 480px;
margin: 0 auto;
}
</style>
<script>
function chk_vals() {
if (document.st.uid.value == "" || document.st.pwd.value == "") {
alert("Please enter Email & Password");
return false;
}
return true;
}
</script>
</head>
<body>
<div class="wrapper">
<form method="POST" name="st" action="chk_login.php" onSubmit="return chk_vals();">
<div class="container-fluid" style="background-color: #F3D9AF;">
<div class="row" style="background-color: #F3D9AF;">
<div class="col-xs-8 text-center"><img src="images/bfp_logo_sm.jpg"></div>
</div>
<div class="row" style="background-color: #F3D9AF;">
<div class="col-xs-8 text-center" style="font-size:18px;"><b>Backflow Assembly & Test Report Form</b></div>
</div>
<div class="row" style="background-color: #F3D9AF;">
<div class="col-xs-8 text-center"><b>User Login</b></div>
</div>
<div class="row">
<div class="col-xs-8">User ID: (Email)</div>
</div>
<div class="row">
<div class="col-xs-8"><input type="text" name="uid" style="width:200px;"></div>
</div>
<div class="row">
<div class="col-xs-8">Password:</div>
</div>
<div class="row">
<div class="col-xs-8"><input type="password" name="pwd" style="width:200px;"></div>
</div>
<div class="row" style="background-color: #F3D9AF;">
<div class="col-xs-8 text-center" style="padding-top:10px;">
<input type="submit" value="Login">
</div>
</div>
</div>
</form>
</div>
</body>
</html>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.