Question

请帮帮我！为什么bootstrap没有加载类？

这是我的代码，它只是一个表和一个简单的按钮，但没有应用任何类

<!DOCTYPE html>
<html>
<head>
    <title>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
    </title>
</head>
<body>

<table class="table" id="table">
    <thead>
        <tr>
            <th>Order ID</th>
            <th>TX ID CxPay</th>
            <th>TX ID IY</th>
            <th>Amount</th>
            <th>Class</th>
            <th>Date</th>
        </tr>
    </thead>
    <tbody>

        <tr>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
            <td>1asas</td>
        </tr>
    </tbody>
</table>
<button class="btn btn-success">asasa</button>
<script>
    $(document).ready(function() {
    $('#table').DataTable();
} );
</script>
</body>
</html>

bootstrap和datatables都没有工作。我在这里错过了什么？任何帮助表示赞赏！

Answer 1

您导入的<title>内的脚本不正确。在<title>中，只允许文字描述您网页的标题。将<script>和<link>置于</head>

之上

Answer 2

您所包含的所有文件都在<title>中。你必须写：

<head>
    <title>My Title</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
</head>

为什么我的引导程序不起作用？

2 个答案: