這對大多數人來說無疑是一個簡單的問題。我試圖做一個網頁,使用這個主題我的朋友?將標題移動到左側,似乎無法弄清楚? (HTML/CSS)
http://www.templatemo.com/live/templatemo_452_stone
我試圖移動頭「石頭」更向左,就如何做到這一點任何想法..另外,如果可能的話,我希望頭版圖像比它更高一些。
在此先感謝,我從所有與它搞砸的頭痛!
這對大多數人來說無疑是一個簡單的問題。我試圖做一個網頁,使用這個主題我的朋友?將標題移動到左側,似乎無法弄清楚? (HTML/CSS)
http://www.templatemo.com/live/templatemo_452_stone
我試圖移動頭「石頭」更向左,就如何做到這一點任何想法..另外,如果可能的話,我希望頭版圖像比它更高一些。
在此先感謝,我從所有與它搞砸的頭痛!
看起來像.container類的設置寬度爲1177px。如果您只希望標題移動而不是鏈接,那麼您必須添加一些負邊距。
.navbar-header {
margin-left: -50px;
}
更改類container
爲以下container-fluid
。
<div class="site-header">
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-default navbar-static-top">
<div class="navbar-header">
最終輸出如下。
container
和container-fluid
之間的差額作爲答案here說是
.container流體如您通過任何金額更改 窗口/瀏覽器的寬度連續調整大小,留下與.container的方式不同, 雙方沒有多餘的空白空間。 (因此命名:「流體」爲 與「數字」,「離散」,「分塊」或「量化」相對)。
必須設置這個CSS規則才達到它:
div.row {
margin-left: -100px !important;
}
但我不知道你的HTML/CSS結構也可能有副作用...
你還可以在HTML搜索線:
<div class="row">
,並把內聯的樣式:
<div class="row" style="margin-left: -100px">
當然,你想要的像素數量改變-100px。在原始的CSS中它被設置爲-15px;
這是最好的答案。 –
謝謝... :) @HunterTurner – Lal