Bom dia.
Eu preciso alterar a largura de um navbar nativo. Simplesmente peguei no site boostrap.com e colei no meu template.blade.php mas está ocupando a tela toda e preciso reduzir sua largura. Tem como?
<nav class="navbar navbar-default">
Você pode fazer o seguinte:
.navbar.custom {
width: 50%;
margin: 0 auto;
}
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<nav class="navbar navbar-default custom">
No seu nav
adicione a classe custom, depois no seu css adicione:
.navbar.custom {
width: 50%;
margin: 0 auto;
}
Altere o valor de width
para encontrar o tamanho ideal!
nav
pra ver se tá relacionando direitinho
Commented
6/01/2017 às 12:30