Nelamurire Bootstrap (bara de navigare)

#1
tutuN_

Posted 29 August 2017 - 14:39

Junior Member

Grup: Members
Posts: 137
Înscris: 21.09.2014

Salut!M-am apucat sa invat Bootstrap si am o nelamurire cu privire la structura codului barei de navigare a unui site.Am inceput un curs de Bootstrap si respectivul a scris codul in felul urmator:

<nav class="navbar navbar-inverse">
  <div class="container-fluid">
	<div class="navbar-header">
	 <a href="#" class="navbar-brand">The builders</a>
	</div>
	<ul class="nav navbar-nav navbar-right">
	 <li><a href="#">Home</a></li>
	 <li><a href="#">Gallery</a></li>
	 <li><a href="#">About us</a></li>
	 <li><a href="#">Contact us</a></li>
	</ul>
  </div>
</nav>

Nu inteleg de ce a introdus containerul in tagul nav.In multe tutoriale am vazut ca de obicei se incepe cu clasa container prima data si in clasa container si introduc urmatoarele taguri necesare, inclusiv nav-ul.Care e diferenta dintre codul pe care l-a scris respectivul in curs ( containerul introdus in tagul nav ) si codul pe care l-am modificat eu (navul introdus in container).Si cum e corect?Daca mi-ar explica cineva ar fi super.
Codul modificat de mine:

<div class="container-fluid">
<nav class="navbar navbar-inverse">
  <div class="navbar-header">
   <a href="#" class="navbar-brand">The builders</a>
  </div>
  <ul class="nav navbar-nav navbar-right">
   <li><a href="#">Home</a></li>
   <li><a href="#">Gallery</a></li>
   <li><a href="#">About us</a></li>
   <li><a href="#">Contact us</a></li>
  </ul>
</nav>
</div>

Eu am introdus totul in container, inclusiv nav-ul.Vreau sa inteleg care e diferenta si cum e corect.

Back to top

#2
dexterash

Posted 29 August 2017 - 14:51

--something---

Grup: Senior Members
Posts: 22,912
Înscris: 19.08.2004

Pai nu ti-au explicat tutorialele? Si cursurile? Sunt degeaba?

Da' de la Bootstrap direct ce are?
https://getbootstrap...xamples/navbar/
https://getbootstrap...ponents/#navbar

Sau e prea complex?

Back to top

#3
tutuN_

Posted 29 August 2017 - 15:01

Junior Member

Grup: Members
Posts: 137
Înscris: 21.09.2014

Da, mi-au explicat si am inteles doar ca nu am inteles ce am scris mai sus.Desigur, pot lua codul direct de pe site dar codul e structurat la fel si vreau sa inteleg de ce e introdus containerul in tagul nav si nu e invers. (nav-ul in container )

Back to top

#4
c3ezar

Posted 29 August 2017 - 20:45

Junior Member

Grup: Members
Posts: 50
Înscris: 16.10.2011

"Navbars and their contents are fluid by default. Use optional containers to limit their horizontal width.
....
Although it’s not required, you can wrap a navbar in a .container to center it on a page or add one within to only center the contents of a fixed or static top navbar."

Sursa:

https://getbootstrap...ponents/navbar/

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

Nelamurire Bootstrap (bara de navigare)

#1 tutuN_ Posted 29 August 2017 - 14:39

#2 dexterash Posted 29 August 2017 - 14:51

#3 tutuN_ Posted 29 August 2017 - 15:01

#4 c3ezar Posted 29 August 2017 - 20:45

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
tutuN_

Posted 29 August 2017 - 14:39

#2
dexterash

Posted 29 August 2017 - 14:51

#3
tutuN_

Posted 29 August 2017 - 15:01

#4
c3ezar

Posted 29 August 2017 - 20:45