Paris Paris - 1 year ago 63
CSS Question

Bootstrap-Image not showing using custom css

I am having trouble displaying my backround image using imgur for the location of my image. I have tried adding a class to override bootstrap and I have tried !important, but its still not working. The interesting thing is when i only use background:black, the color will come up, however when I tried to place an image it does not work.

Below is my code. PS - I'm new to this.

CSS Code:
height: 600px;

nav.mynavbar,a:hoover {
display: inline-block;
margin-left: 20px;
font-weight: 200;
font-size: 20px;
text-transform: capitalize;


html code:
<!DOCTYPE html>

<html=lang ="en-US" >


<meta charset="utf-8">
<title> MSMAlliance</title>

<!-- SEO -->

<meta name = "author" content="msmalliance">
<meta name="description" content="">
<link rel="canonical" href="">

<meta name="viewport" content=" width = device-width,inital-scale = 1.0">
<link rel ="stylesheet" href="css/bootstrap.css">
<link rel ="stylesheet" href="css/bootstrap-theme.css">
<link rel ="stylesheet" href="css/customheader.css">

<link rel = "icon" href="#" type="image/x-icon" sizes=" 16x16">

<link href=",600i,700i" rel="stylesheet">

<header class ="myheader">
<nav class ="mynavbar">
<a href="#" class = "homepage"> MSMAlliance Group</a>
<a href="#" class = "About" > About </a>
<a href="#" class = "Meetus">Meet Us</a>
<a href="#" class ="events"> Event </a>
<a href ="#" class = "contactus"> Contact Us</a>
<a href="" target="_blank" > Excutive Log In / Sign Up </a>

<h1> Welcome to Morehouse School of Medience - Alliance Group </h1>


<script src=""> </script>
<script src = "js/bootstrap.min.js"> </script>
<script src="js/bootstrap.js"> </script>

Answer Source

you are trying to place html page as background which wont work

instead try to place real image

  height: 600px;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download