Bootstrap 4無法在導航欄中的鏈接之間創建保證金

-1

我想在引導程序4菜單中的鏈接之間創建一些保證金，但我無法和不知道爲什麼。當我嘗試基本上保證每一個我都沒有頁面。Bootstrap 4無法在導航欄中的鏈接之間創建保證金

<!DOCTYPE html> 
<html lang="sk"> 

<head> 

<meta charset="UTF-8"> 
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 
<link rel="stylesheet" type="text/css" href="styles/normalize.css"> 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> 
<link rel="stylesheet" type="text/css" href="styles/style.css"> 
<title>Reštaurácia</title>  

</head> 

<body> 

<!-- Navigation --> 
<nav class="navbar navbar-expand-sm navbar-light bg-faded"> 
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#nav-content" aria-controls="nav-content" aria-expanded="false" aria-label="Toggle navigation"> 
<span class="navbar-toggler-icon"></span> 
</button> 

<!-- Brand --> 
<a class="navbar-brand mleft" href="#">Reštaurácia</a> 

<!-- Links --> 
<div class="collapse navbar-collapse mright" id="nav-content"> 
<ul class="navbar-nav ml-auto"> 
<li class="nav-item "> 
<a class="nav-link " href="#">Domov</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Rezervácia</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Menu</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Galéria</a> 
</li> 
<li class="nav-item "> 
<a class="nav-link " href="#">Kontakt</a> 
</li> 
</ul> 
</div> 
</nav> 






<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh" crossorigin="anonymous"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> 
</body> 


</html>

bootstrap中可能有一些默認設置，不允許我做這些更改，但我無法找到它們。

來源

2017-12-27 Juraj Duri

你能張貼你的CSS？ – stojevskimilan

你知道flex樣式嗎？ –

其實我只有一個視頻的flex的基本知識。我的CSS正常化，下一個CSS只有一個類，所以我不認爲是必要的。 –

https://codepen.io/Sunny143/pen/PEWXBe?editors=1100

.nav-item{ 
    margin-left:20px; 
    margin-right:20px; 
    }

這是什麼意思？我補充保證金的鏈接

來源

2017-12-27 11:40:34

是的，謝謝你:) –

@JurajDuri，你以前在哪裏添加了邊距？ –

我在nav-item旁邊做了一個新類，而不是使用nav-item。但問題是，我使用％而不是像素。百分之百仍然被竊聽。 –

如果你正在尋找您的導航項目之間的一個簡單的保證金，你可以這樣做：

<style> 
.nav-item { 
    margin-left:10px; /*Could change that to anything else*/ 
} 
</style>

來源

2017-12-27 11:38:30 Noy

我同意 - 這將起作用。或者，對於Bootstrap4，您可以在導航項上使用實用程序類，例如'

...

'。 'ml'應用一個空白左邊和'-4'是一個預設範圍的大小。 – sifriday

就在你的腦袋中添加該

<style type="text/css"> 
.nav-item { 
    margin-right: 20px !important; 
}

來源

2017-12-27 11:51:36

Bootstrap 4無法在導航欄中的鏈接之間創建保證金

回答

相關問題