2012-08-24 12 views
7

Desidero utilizzare twitter bootstrap per un sito su cui sto lavorando. Questo sito richiede un modello preimpostato da utilizzare per alcune parti della pagina.Limita il foglio di stile a un tag e discendenti

Se includo il foglio di stile di bootstrap di Twitter, esso rovina il modello originale.

voglio includere il foglio di stile bootstrap.cc esterno, ma farlo funzionare solo su etichette che sono un discendente di class = "MyContent"

<html> 
<link href="original stylsheet.css"> 
<link href="bootstrap.css"> 
... 
... 
<div class="header"> 
original stlesheet to be used here 
</div> 
<div class="mycontent"> 
bootstrap css to work for all descendents of my content 
</div> 

So che un modo è quello di modificare il CSS e aggiungere. mycontent prima di ogni tag. Ma mi chiedevo se ci fosse una soluzione più intelligente

+0

Includere bootstrap prima che il foglio di stile originale, così gli stili sostituiscono quelli in bootstrap. – Will

+0

che funziona per la maggior parte .... MA fallisce se c'è una modifica in bootstrap che non è presente nel mio foglio di stile originale –

risposta

0

Come posso vedere il tuo codice:

<html> 
<link rel="original stylsheet.css"> 
<link rel="bootstrap.css"> 
... 
... 
<div class="header"> 
original stlesheet to be used here 
</div> 
<div class="mycontent"> 
bootstrap css to work for all descendents of my content 
</div> 

si utilizza la strada sbagliata.
si dovrebbe provare <link href="bootstrap.css">
Spero che il vostro problema sarà risolvere con questo

+0

Ok quello era un refuso qui ... la mia domanda è ancora in piedi ... voglio il foglio di stile extrenal per influenzare solo elementi sotto mycontent –