刪除頭的頂邊在引導

Question

HTML

<div class="container-fluid"> 
    <div class="row"> 
    <div class="page-header header_site"> 
     <h1><font>ABC Company</font></h1> 
    </div> 
    </div> 
</div> 

CSS代碼：

.header_site { 
    background-color: darkblue; 
} 

font { 
    color: white; 
    margin: auto 160px auto 160px; 
} 

我想標示如下圖，除去頂部利潤率。

Answer 1

給你的H1和頁面標題的0邊距，並確保您的身體沒有任何填充：

body { padding: 0; } 
.page-header, 
.page-header h1 {margin-top:0;} 

Example bootply

如果您需要h1向下移動一下，然後給它padding-top

Answer 2

只要改寫類page-header和標籤<h1>：

.page-header { 
    margin: 0 0 20px; 
} 
.page-header h1 { 
    margin-top: 0; 
} 

jsfiddle-link

Answer 3

請添加以下CSS。在默認HTML有它自己的margin爲h1標籤，這就是爲什麼它的發生增加margin-top:0;在.page-header h1類。

.page-header h1 { margin-top: 0; } 

.header_site { 
 
    background-color: darkblue; 
 
} 
 
font { 
 
    color: white; 
 
    margin: auto 160px auto 160px; 
 
} 
 
.page-header h1 { 
 
    margin-top: 0; 
 
}

<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="page-header header_site"> 
 
     <h1><font>ABC Company</font></h1> 
 
    </div> 
 
    </div> 
 
</div>

Answer 4

修改樣式如下

.header_site { 
    background-color: darkblue; 
    margin:0; 
    float:left; 
    width:100% 
} 

Answer 5

自舉3只添加類 「媒體標題」

<h1 class="media-heading"><font>ABC Company</font></h1>