Jump to content

SUBIECTE NOI
« 1 / 5 »
RSS
Concediu Moldova

The Beekeeper (2024)

Bielorusia - Romania (12.10.2023,...

Pe cararea muntilor
 Nu pot instala KB5030310 - cumula...

Sfat instalare Digi - nu am sunet

Ce se mai intampla cu piața ...

Cum verific un receptor Electra
 Bani blocati de Glovo, plata nefi...

VPN Romania!

Iar un topic despre achizitie tel...

Ce ghinion! Incendiu intr-un ...
 Atentionare bord

Recomandare dilutie finasterida s...

Mira feat. Vescan-Alo Alo

Samsung Galaxy S23 FE
 

cum integrez un menu Bootstrap?

- - - - -
  • Please log in to reply
8 replies to this topic

#1
dotniet

dotniet

    Member

  • Grup: Members
  • Posts: 852
  • Înscris: 15.08.2005
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.


#2
red46

red46

    Senior Member

  • Grup: Senior Members
  • Posts: 4,338
  • Înscris: 06.03.2016
http://stackoverflow.com

#3
dotniet

dotniet

    Member

  • Grup: Members
  • Posts: 852
  • Înscris: 15.08.2005

View Postred46, 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 :)

#4
vladdy99

vladdy99

    Senior Member

  • Grup: Senior Members
  • Posts: 3,034
  • Înscris: 03.05.2006

View Postdotniet, on 07 februarie 2017 - 16:08, said:

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

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 Posted Image
Vezi ca poti cu js sa atribui clasele bootstrap la componentele aferente.
In felul asta scapi mai ieftin.

#5
dotniet

dotniet

    Member

  • Grup: Members
  • Posts: 852
  • Înscris: 15.08.2005

View Postvladdy99, on 07 februarie 2017 - 17:23, said:

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

Am inceput sa vorbesc ca filozoful despre CSS si Bootstrap si am dat impresia ca stiu ce spun Posted Image Habar nu am ce fac Posted Image
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.


#6
vladdy99

vladdy99

    Senior Member

  • Grup: Senior Members
  • Posts: 3,034
  • Înscris: 03.05.2006

View Postdotniet, on 07 februarie 2017 - 17:32, said:

(vezi 'drop down')

Intrebarea mea: are Bootstrap o clasa care face asta?
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.


#7
dotniet

dotniet

    Member

  • Grup: Members
  • Posts: 852
  • Înscris: 15.08.2005

View Postvladdy99, on 07 februarie 2017 - 17:54, said:

Ti-ai dat singur raspunsul.
http://getbootstrap....ponents/#navbar
Da... acum incercam sa il descifrez.


View Postvladdy99, on 07 februarie 2017 - 17:54, said:

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).
Mersi mult.

Da un exemplu. Tu ce folosesti?

#8
dotniet

dotniet

    Member

  • Grup: Members
  • Posts: 852
  • Înscris: 15.08.2005
A mers!
http://www.soft.tahi...eb site builder

Case solved :)

#9
vladdy99

vladdy99

    Senior Member

  • Grup: Senior Members
  • Posts: 3,034
  • Înscris: 03.05.2006
Oricare e bun.
Chrome/Firefox/IE.

Anunturi

Bun venit pe Forumul Softpedia!

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Forumul Softpedia foloseste "cookies" pentru a imbunatati experienta utilizatorilor Accept
Pentru detalii si optiuni legate de cookies si datele personale, consultati Politica de utilizare cookies si Politica de confidentialitate