Bootstrap i klase? (Razvoj web-stranica) @ Bug.hr Forum

9 godina

protjeran

offline

pon 4.7.2016 20:16

Odgovori Citiraj

Bootstrap i klase?

Pozdrav svima,

vec odredjeni vremenski period se zanimam i zabavljam sa bootstrap-om, ali isto tako kada radim ozbiljnije projekte, vec dolazi do zbrke, ponekad ne mogu nikako da pristupim klasi bootstrapa koju zelim da promenim, tj da ucinim promene na njoj koje meni odgovaraju, pa onda krenem da radim inline stilizovanje, ponegde eksterno stilizovanje, i kod zaista ne izgleda uredno.

Zato bih zeleo da vas pitam, kako da na sto laksi nacin, bez gubljenja vremena pristupim odredjenoj klasi bootstrap-a?
Hvala.

Ps. Jedino kako prodjem je inspect element u browseru x'D Ali ponekad ne moze ni to da mi pomogne...

Drugo pitanje, u koliko dodje do ponavljanja iste klase, a te iste klase trebaju da izgledaju razlicito, kako ih imenujete? Koristite id ili? :)

Milosh Mikki

Poruka je uređivana zadnji put pon 4.7.2016 20:18 (#Mikki).

trajni link

0 0 hvala 0

ROFLOLMAO

15 godina

neaktivan

offline

pon 4.7.2016 20:38

Odgovori Citiraj

Bootstrap i klase?

Prvo prouči što je CSS i kako radi (ajd realno treba ti 30 min), a onda počni koristiti frameworke.

ಠ_ಠ Rolling on the floor laughing until someone jump on me a makes me stop rolling on the floor laughing but then I do it again cuz it&#39;s awesome

Moj PC

trajni link

0 0 hvala 0

#Mikki

9 godina

protjeran

offline

pon 4.7.2016 20:42

Odgovori Citiraj

Re: Bootstrap i klase?

Smem da znam zasto?
Nemam ja problema sa CCSom, vec sa pristupom klasa u Bootstrapu.

Milosh Mikki

trajni link nadporuka

0 0 hvala 0

Sum_of_all_fears

16 godina

odjavljen

offline

pon 4.7.2016 20:50

Odgovori Citiraj

Bootstrap i klase?

Svatko to radi drugačije... Evo kako ja to riješim.

Header je složen tako da su "defaultne" stvari na vrhu (bootstrap.css, bootstrap-material-design.css) a nakon toga ide ovaj custom.css koji sadrži samo izmijenjene klase.

<head runat="server">
    <title>BugTracker</title>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" href="css/bootstrap-material-design.css" />
    <link rel="stylesheet" href="css/custom.css" />

    <script src="js/jquery-1.10.2.js"></script>
    <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.2/js/bootstrap.js"></script>
    <script src="js/ripples.js"></script>

    <script src="js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.css"></script>
    <script src="https://cdn.datatables.net/plug-ins/1.10.7/integration/bootstrap/3/dataTables.bootstrap.js"></script>

    <script src="js/material.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
</head>

Stvar je u tome da zbog redosljeda loadanja, custom klase iz custom.css "pregaze" defaultne klase iz bootstrap.css. U tom custom.css imam identične nazive klasa kao i u bootstrap.css. Primjer custom.css

body {
margin-bottom: 70px;
}

.navbar{
background-color: #16A05F;
}

Dakle, u html-u mogu i dalje koristiti iste klase kao inače i sa ovom svojom custom.css mijenjam kako će se neka klasa ponašati. Na ovaj način uvijek imam iste bootstrap fajlove i mogu ih povlačiti sa CDNa bez ikakvih izmjena a sve potrebne izmjene radi custom.css. Na taj način radim svoj neki mali framework koji mogu koristiti bilo gdje - čak i tamo gdje nema bootstrapa (iako bi to ružno izgledalo). Taj custom.css može biti specifičan za svaki projekt (radi teme ili ne znam čega) ili koristim jedan te isti uvijek (jer mi se ne dopada kako neke stvari ispadnu sa ovim bootstrap + material).

Ne koristi IDeve!!! Samo si kompliciraš život. Taj css kasnije nije upotrebljiv nigdje, teško je održavati i nije pregledan. IDeve koristi ako je apsolutno nužno (mada bi isto bilo bolje napraviti tada inline css) jer to su stvari koje se pojave jednom u cijelom projektu. Čim skužiš da to treba kod više elemenata, potrudi se i napiši CSS za to koji ne koristi IDeve.

Ovaj forumaš je netolerantan prema osobama svih nacionalnosti, rasa i spolnog opredjeljenja te smatra da svaka osoba ima pravo biti ugnjetavana zbog svojih glupih mišljenja.

Moj PC

trajni link

5 0 hvala 0