集成Twitter引導？

-1

基本上，我聲明我的外部CSS在我的模板內的HEAD標記。然後，如果我在同一個標記中聲明另一個外部CSS文件（即TB），則所有地獄都會在頁面中鬆散。但是，如果我保持兩個CSS文件聲明彼此遠離，即一個在其他頭文件中的聲明，那麼一切似乎都可以。集成Twitter引導？

這是一個問題，這樣做的事情？或者我應該，理想情況下將兩個CSS文件合併成一個偉大的文件。

我想要做的就是將TB的某些元素整合到我想要保留的現有佈局中，而不是從頭開始重新編寫所有內容。

謝謝。

- Sample code : 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <!-- TemplateBeginEditable name="doctitle" --> 
    <title>Test</title> 


    <!-- TemplateEndEditable --> 
    <!-- TemplateBeginEditable name="head" --> 
    <!-- TemplateEndEditable --> 

    <!-- 

    --> 

    <link href="../externalsheet.css" rel="stylesheet" type="text/css" /> 

    <style type="text/css"> 
    <!-- 

    --> 
    </style> 
    </head> 
    <link rel="stylesheet" type="text/css" href="../cssverticalmenu.css" /> 

    <script type="text/javascript" src="../cssverticalmenu.js"></script> 

    <body> 

    <div id="wrapper"> 
    <div id="head"><img src="../headtop.jpg" alt="img" width="870" height="153" /> 
    <div> 
    Club test</div> 
    </div> 

    <div id="content"> 



    <ul id="verticalmenu" class="glossymenu"> 
    <li><a href="index.php">Home</a></li> 

    <li><a href="#">Insert and Update</a> 
     <ul> 
     <li><a href="insertmember.php">Add member into database</a></li> 
     <li><a href="insertevent.php">Add event into database</a></li> 
     <li><a href="inserttotal.php">Add member total and comment into database</a></li> 
     <li><a href="updatemember.php">Update members personal details </a></li> 
     </ul> 
    </li> 

    <li><a href="#" >Delete</a> 
     <ul> 
     <li><a href="deletemember.php">Remove member from database</a></li> 
     <li><a href="deleteevent.php">Remove event from database</a></li> 
     <li><a href="deltotal.php">Remove member total & comment from database</a></li> 
     </ul> 
    </li> 
    <li><a href="#" >Show data</a> 

    <ul> 
     <li><a href="showmember.php">Show members on database</a></li> 
     <li><a href="showevent.php">Show events on database</a></li> 
     <li><a href="showtotal.php">Show member totals and comments on database</a></li> 
     </ul> 

    </ul> 

     <div class="contentbox"><!-- TemplateBeginEditable name="main box" -->main box<!-- TemplateEndEditable --></div> 
    <link rel="stylesheet" type="text/css" href="bootstrap.css"> // Attempt here to allow TB to work 


    <div id="foot"> 
     <a href="http://validator.w3.org/check?uri=referer"><img 
      src="../Grants.jpg" 
      alt="Valid XHTML 1.0 Transitional" width="585" height="80" border="0" /></a> 


     <br /> 
    </div> 
    </div> 
    </div> 
    </body> 
    </html>

來源

2013-07-15 Lemonsface

顯示的示例代碼 – RaphaelDDL

你不能包括TB CSS文件，然後經過包括您的調整樣式表？我不明白這些會如何相互衝突，除非你使用相同的類名 – 2013-07-15 20:48:02

是的，可能是類名衝突。任何我在這裏添加我的模板代碼的方式。什麼東西顯然是一個小姐？ – Lemonsface

我在這裏做了一個盲猜，但你可能導入你的CSS不正確;這裏是你的CSS應該如何導入head：

<!DOCTYPE html> 
<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Bootstrap 101 Template</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 

     <!-- Bootstrap first, then your custom CSS --> 
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
     <link href="css/your-css.css" rel="stylesheet"> 
    </head> 
    <body> 
     <!-- Your page content here --> 

     <!-- jQuery required for Bootstrap plugins --> 
     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
     <script src="js/bootstrap.min.js"></script> 
    </body> 
</html>

來源

2013-07-15 20:50:43 mc10

完美，這工作。我認爲這可能是由於我使用type =「text/css」.... /。 – Lemonsface

集成Twitter引導？

回答

相關問題