ブートストラップ・イメージは、私はトラブル私のイメージの場所をimgurを使用して、私のbackroundの画像を表示するが生じていますカスタムCSS

header.myheader{ 
 
height: 600px; 
 
background:url("http://imgur.com/HAst0aY")!important; 
 
    } 
 

 
nav.mynavbar,a:hoover { 
 
float:left; 
 
display: inline-block; 
 
margin-left: 20px; 
 
font-weight: 200; 
 
color:rgba(255,255,255,0.7); 
 
font-size: 20px; 
 
text-transform: capitalize; 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 

 
<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> 
 
    </nav> 
 

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

を使用して示していません。私はブートストラップをオーバーライドするクラスを追加しようとしましたが、私は試みました！重要ですが、まだ動作していません。面白いのは、私は背景：黒だけを使う時です。色は出てきますが、画像を置こうとするとうまくいかないのです。

以下は私のコードです。 PS - これは初めてです。

CSS Code: 
header.myheader{ 
height: 600px; 
background:url("http://imgur.com/HAst0aY")!important; 
    } 

nav.mynavbar,a:hoover { 
float:left; 
display: inline-block; 
margin-left: 20px; 
font-weight: 200; 
color:rgba(255,255,255,0.7); 
font-size: 20px; 
text-transform: capitalize; 

} 


html code: 
<!DOCTYPE html> 

<html=lang ="en-US" > 

<head> 

    <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="https://fonts.googleapis.com/cssfamily=Open+Sans:400,600i,700i" rel="stylesheet">

<body> 
<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> 
    </nav> 

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


</header> 


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"> </script> 
     <script src = "js/bootstrap.min.js"> </script> 
     <script src="js/bootstrap.js"> </script>

出典

2016-11-29 Paris

あなたの代わりに作業

を習慣その背景としてHTMLページを配置しようとしている

header.myheader{ 
    height: 600px; 
    background:url("http://i.imgur.com/HAst0aY.jpg"); 
}

出典

2016-11-29 06:27:55 Rahul

がすっごくありがとうございました実像を配置してみてください!!!! – Paris

ブートストラップ・イメージは、私はトラブル私のイメージの場所をimgurを使用して、私のbackroundの画像を表示するが生じていますカスタムCSS

答えて

関連する問題