Html 集成Twitter引导？_Html_Css_Twitter Bootstrap

Html 集成Twitter引导？

html css twitter-bootstrap

Html 集成Twitter引导？,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,基本上，我在HEAD标记内的模板上声明了我的外部CSS。然后，如果我在同一个标记中声明另一个外部CSS文件（TB），那么页面中的所有内容都会崩溃。然而，如果我让两个CSS文件声明彼此远离，也就是说，一个在身体里，另一个在头脑里，一切看起来都是好的这样做有问题吗？或者，理想情况下，我应该将两个CSS文件合并成一个巨大的文件我所要做的就是将TB的一些元素合并到我想要保留的现有布局中，而不是从头开始重新编写所有内容谢谢 - Sample code : <!DOCTYPE html

基本上，我在HEAD标记内的模板上声明了我的外部CSS。然后，如果我在同一个标记中声明另一个外部CSS文件（TB），那么页面中的所有内容都会崩溃。然而，如果我让两个CSS文件声明彼此远离，也就是说，一个在身体里，另一个在头脑里，一切看起来都是好的

这样做有问题吗？或者，理想情况下，我应该将两个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>

-示例代码：
试验
俱乐部测试
























主箱
//尝试在这里允许TB工作

我在这里瞎猜，但您可能错误地导入了CSS；下面是如何将CSS导入

头部的方法：
<!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>


引导101模板
您不能先包含TB CSS文件，然后再包含调整样式表吗？我看不出它们之间会有什么冲突，除非您使用相同的类名是的，可能是类名冲突。我在这里添加了我的模板代码。有什么明显的失误吗？如果是命名冲突（很可能是），你在寻找什么样的答案？我问的是最佳实践，以及一些关于我是否做了一些明显错误的事情的建议。希望没问题。因此，这里不是“建议”或“最佳实践”的地方，因为它们会产生自以为是的答案/太多的讨论。下次尝试聊天或其他SE站点之一。另外，最好是从一个有效的HTML文档开始。我想这可能是由于我使用type=“text/css”…/。