Question regarding CSS/HTML

RockiLocky · November 28, 2017

Hey guys, I am trying to work with some websides and did some costum pictures and got some from google. Now to test and get an kinda good looking webside up I am currently trying to make that ;D.

But I have a problem(Using Bootstrap):

I do have automatic margin to the left and right when using bootstrap. Under it the row/col and using a background img so I can put buttons in front of it :D. But sadly it is not working out rn and I dont know what to do. Hopefully someone can help me out.

Code:

<!DOCTYPE html>
<html>
<head>
	<title>Fermani</title>
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="stylesheet" href="styles/main.css">
	<link rel="stylesheet" href="styles/side.css">
</head>
	<body>
		<div class="container-fluid">
			<div class="row">
				<div class="col-sm-12 fermaniLogo" style="background-color:#1a1a18;">
				<img class="center-block" src="img/fermani.png">
				</div>
    		</div>
    		<div clas="row">
    			<div class="col-sm-12 homepage" style="background-image: url('img/test2.png');">
    				<!---->
			</div>
    		</div>
		</div>
		
    <script src="scripts/bootstrap.js"></script>
  	<script src="scripts/bootstrap.min.js"></script>
	</body>
</html>

.fermaniLogo{
  padding-top:10px;
  padding-bottom:30px;
}

.homepage{
  padding-top:500px;
  padding-bottom:0px;
  margin-left: auto;
  margin-right: auto;
}

body{
	/*background-color: #1a1a18;*/
}

With regards Rocki

EG! · December 1, 2017

On 28-11-2017 at 12:01 PM, RockiLocky said:

But I have a problem(Using Bootstrap):

You'll have to override some bootstrap css which has premade css.

Try setting the margin-left and/or the padding-left of the "center-block" or "container-fluid" to 0.

If it does't override the bootstrap there is another ugly way to move blocks with margin-left:-10px; for instance or margin-left:0 !important;

I don't advise the later two though.

RockiLocky · December 5, 2017

On 1.12.2017 at 9:05 AM, EG! said:

You'll have to override some bootstrap css which has premade css.

Try setting the margin-left and/or the padding-left of the "center-block" or "container-fluid" to 0.

If it does't override the bootstrap there is another ugly way to move blocks with margin-left:-10px; for instance or margin-left:0 !important;

I don't advise the later two though.

Thanks for answering sry I am so late didnt check forums for a while because I found a way around it ;D