Question

我已将bootstrap css和js文件链接到我的index.html。但样式没有得到应用。这是我的代码：

   <!DOCTYPE html>
   <head>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    </head>



        <body>

        <input id=inputBox  style="min-width:50%;" type=text></input>
        <button id=submitButton class="btn-btn primary"  >Submit</button>
        <br/>
        <br/>
        <div >
        <table  class="table">
         <thead>
                    <tr>
                      <th>Sender</th>
                      <th>Reciever</th>
                      <th>Group Code</th>
                      <th>Doc Type</th>
                      <th>PC</th>
                      <th>File</th>
                    </tr>
                  </thead>
             <tbody id=renderOP>
             </tbody>
         </table>
        </div>
        </body>
    <script src="js/jquery.min.js"></script>
    <script src="js/bootstrap/bootstrap.min.js"></script>
    <script src="js/elasticsearch.js"></script>
    <script src="js/jsrender.js"></script>
    <script src="config.js"></script>
    <script src="js/esmain.js"></script>
    </html>

有人能告诉我是什么原因导致了这个问题吗？当我用url替换css文件时，它可以工作。此外，我的css文件夹中没有自定义的css文件。

Answer 1

更改

class="btn-btn primary"

到

class="btn btn-primary"

使按钮样式有效。

Answer 2

它看起来你链接和格式是完美的，除了应该是按钮标签 “班级btn btn-primary”。现在我假设您正在使用Ubuntu。我认为您忘记了授予该文件夹中的css文件的权限。设置文件夹权限，如 “chmod -R 777 foldername” 在终端中的父文件夹内，它将解决您的问题。

为什么即使包含样式css文件后仍未应用引导样式？

2 个答案: