Webboard

Pełna wersja: Własne ostylizowanie klas framework'u
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Witam!
Przeglądam dokumentację Foundation i ciekawi mnie, jak mogę zmienić albo dodać klasy. Przykładowo podam taki kod z dokumentacji:


Kod:
<ul class="menu">
 <li><a href="#">One</a></li>
 <li><a href="#">Two</a></li>
 <li><a href="#">Three</a></li>
 <li><a href="#">Four</a></li>
</ul>


Gdzie klasa menu (i inne) ma właściwości w pliku CSS framework'u. I teraz aby je zmienić pod siebie to muszę zrobić tak:


Kod:
<ul class="menu stylizowanie">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
</ul>


Następnie utworzyć oddzielny arkusz CSS, dodać w nim klasę stylizowanie i jej właściwości. Albo:
Kod:
<ul class="menu">
<li><a href="#">One</a></li>
<li><a href="#">Two</a></li>
<li><a href="#">Three</a></li>
<li><a href="#">Four</a></li>
</ul>

Tak samo tworząc oddzielny arkusz CSS, ale tym razem dodać klasę menu i jej właściwości. Co tym samym zastąpi właściwości tej klasy w pliku CSS Foundation. Który sposób jest dobry?
Nie ma chyba jedynej słusznej wersji. Obie opcje działają i mogą być używane, zależenie od twoich preferencji. Jednak tworzenie nowych klas w większości przypadków jest chyba bardziej przejrzyste. Wyjątek mogą stanowić elementy które chcesz zmienić globalnie np. kolor buttonów, lecz wtedy lepszą opcją jest raczej edycja i kompilacja bootstrapa pod swój projekt.
Dzięki za odpowiedź. Postanowiłem narazie nie korzystać z frameworków CSS, wole sam coś napisać. Temat do zamknięcia.