Temat: Twitter Bootsrap - modyfikacja navbar

Interesuje mnie taka modyfikacja navbar:
Mam linki: Link1, Link2, Link3, Link4 ale gdy width strony ulega zmniejszeniu Link1, Link2 zostają widoczne a reszta "wędruje" do tej ikonki bocznej.
Jakaś podpowiedź?

Temat: Twitter Bootsrap - modyfikacja navbar

CSS jest tak prosty i elastyczny, że naprawdę nie warto zawracać sobie głowy Bootstrapem czy innymi frameworkami... Ilekroć widziałem stronę na Bootstrapie był tam śmietnik w kodzie, mnóstwo arkuszy CSS, "dotknięcie" jednej klasy powodowało sypanie się całej strony, w związku z czym jest po 15 klas do jednego diva, które po 15 razy nadpisują definicje.... Brrr!

No i wędrują Ci linki na stronie... ;)

Temat: Twitter Bootsrap - modyfikacja navbar

Musisz wyciągnąć dwa elementy li przed navbar-header jak w przykładzie:

(...)
<div class="container-fluid">
<!-- Brand and toggle get grouped for better mobile display -->
<ul class="two_pos_men">
<li><a href="index.php?navid=1" title="Lorem ipsum" >Home</a></li>
<li><a href="index.php?navid=4" title="Lorem ipsum" >Service</a></li>
</ul>
<div class="navbar-header">



<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>

</button>

</div>
(...)

Tutaj masz przykład działania: http://piotrwojton.pl/opel/

Temat: Twitter Bootsrap - modyfikacja navbar

Michał J.:
CSS jest tak prosty i elastyczny, że naprawdę nie warto zawracać sobie głowy Bootstrapem czy innymi frameworkami... Ilekroć widziałem stronę na Bootstrapie był tam śmietnik w kodzie, mnóstwo arkuszy CSS, "dotknięcie" jednej klasy powodowało sypanie się całej strony, w związku z czym jest po 15 klas do jednego diva, które po 15 razy nadpisują definicje.... Brrr!

No i wędrują Ci linki na stronie... ;)

Bałagan, który widziałeś spowodowany jest tym, że ludzie nasłuchali się o Bootstrapach, Foundationach i innych narzędziach, ale jedynie nasłuchali, zamiast poczytać jak te frameworki prawidłowo wykorzystywać :)

Tego typu rozwiązania naprawdę pomagają w zapanowaniu nad układem witryny i pozwalają w znacznie szybszy sposób przenieść założenia i koncepcje layoutowe do kodu witryny.

W temacie rozwiązania problemu, którego dotyczy wątek, można to rozegrać w sposób, o którym napisał Piotr Wojton lub poprzez stworzenie drugiego elementu nav wewnątrz struktury całego navbara i określenie, które i czy elementy mają ulegać "zwijaniu" (z ang. collapse) a które nie.

Rzuć okiem na moją propozycję: http://jsfiddle.net/EpT9Y/1/Ten post został edytowany przez Autora dnia 10.05.14 o godzinie 09:56

Temat: Twitter Bootsrap - modyfikacja navbar

Wykorzystuję Bootstrapa i jestem tego samego zdania co poprzednik. Złe opinie są bardziej od osób które go nie znają dobrze i naczytały się opini psedo eksperów których nie brak na forach.
Na początku pamiętam opinie, że strony na bootstrapie nie będą się róznić od siebie, że będą opate o pewne schematy co jak wiadomo jest bzdurą bo można zrobić każdy szablon jaki się zamaży. Zródła z których bierze się opinie trzeba dokładnie rozważyć.