cum integrez un menu Bootstrap?

Am facut un program care genereaza pagini web pe baza unor articole TXT (gen joomla).
Template-ul paginilor web e un Bootstrap. Programul meu insereaza articolul (content) in template-ul Bootstrap. Aici e codul de insertie a meniului.
La final genereaza un fisier "menu.html" care contine meniul (NavBar) site-ului:

<ul class="xCSSMenu" >
<li><a href="#"><span>Home<span></a>
<ul class="[b]xCSSMenum[/b]">
	 <li><a href="index.html">Main</a></li>
	 <li><a href="A_New_article_2__7DA31323.html">How to use it</a></li>
	 <li><a href="A_Joomla_vs_Joongle_CMS_-_Advantages_D__2313284D.html">Joomla vs Joongle</a></li>
</ul>
</li>
<li><a href="A_Feedback__E82BF15C.html">About</a></li>
<li><a href="A_New_article_4__5C584214.html">Download</a></li>
<li><a href="A_Features__4218D159.html">Features</a></li>
</ul>

Meniul este de tipul xCSSMenu definit in propriul CSS, independent de CSS-ul Bootstrapului.
Vreau sa ca meniul meu sa foloseasca CSS-ul Bootstrap-ului insa nu reusesc.
NavBar-ul (site-ul cu tot cu navbar) poate fi vazut aici.


E vreun expert in Bootstrap pe aici care sa ma ajute?

Edited by dotniet, 07 February 2017 - 15:25.

http://stackoverflow.com

red46, on 07 februarie 2017 - 15:54, said:

Mersi, dar cred ca sunt experti in CSS si in Romania

Cred ca incep sa ii dau de cap:

"xCSSMenum" (definit css-ul meu) in menu.html trebuie inlocuit cu "nav navbar-nav" (definit in bootstrap).
merge pe jumatate

dotniet, on 07 februarie 2017 - 16:08, said:

Vezi ca poti cu js sa atribui clasele bootstrap la componentele aferente.
In felul asta scapi mai ieftin.

vladdy99, on 07 februarie 2017 - 17:23, said:

Mersi mult pt raspuns.

Am inceput sa vorbesc ca filozoful despre CSS si Bootstrap si am dat impresia ca stiu ce spun Habar nu am ce fac
Poti sa spui te rog in mai multe cuvinte despre ce e vorba?

AM REUSIT sa renunt la acel CSS separat si folosesc numai CSS-urile lui bootstrap acum pt NavBar
Meniul arata asa acum: http://www.soft.tahi...site builder/2/
Dupa cum vezi, nu vrea sa imi colapseze cele 3 meniuri secundare in meniul principal (Home).
Folosesc

<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

Aici e un meniu care merge corect, cu submeniuri: https://getbootstrap...xamples/navbar/
(vezi 'drop down')

Intrebarea mea: are Bootstrap o clasa care face asta?

Edited by dotniet, 07 February 2017 - 17:39.

dotniet, on 07 februarie 2017 - 17:32, said:

Ti-ai dat singur raspunsul.
http://getbootstrap....ponents/#navbar

Vezi exemplu bootstrap.

<ul class="nav navbar-nav">
	 <li class="active"><a href="#">Link <span class="sr-only">(current)</span></a></li>
	 <li><a href="#">Link</a></li>
	 <li class="dropdown">
		 <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
		 <ul class="dropdown-menu">
		 <li><a href="#">Action</a></li>
		 <li><a href="#">Another action</a></li>
		 <li><a href="#">Something else here</a></li>
		 <li role="separator" class="divider"></li>
		 <li><a href="#">Separated link</a></li>
		 <li role="separator" class="divider"></li>
		 <li><a href="#">One more separated link</a></li>
		 </ul>
	 </li>
	 </ul>

SI un sfat pritenesc.
Foloseste develeoper tools la greu. Cu CSS nu stii niciodata de unde iti vine configuratia (Nah, si eu sunt noob in front).

Edited by vladdy99, 07 February 2017 - 17:56.

vladdy99, on 07 februarie 2017 - 17:54, said:

Da... acum incercam sa il descifrez.

vladdy99, on 07 februarie 2017 - 17:54, said:

Mersi mult.

Da un exemplu. Tu ce folosesti?

A mers!
http://www.soft.tahi...eb site builder

Case solved

Oricare e bun.
Chrome/Firefox/IE.