css - Bootstrap 根本不工作,我不明白为什么

标签 css

   <!DOCTYPE HTML>
   <html>
   <head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">


    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">


    </head>
    <body>
        <div class="container-fluid">
        <p>akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdf</p>

        <p>akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdfakdsjfhalsdhjflashdfklasjhdfkljashdf
            akdsjfhalsdhjflashdfklasjhdfkljashdf</p>
         </div>
        <button class"btn btn-success" onclick="$(this).hide();"> Click Me!    </button>

         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script    src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
        <script src="js/myscript.js"></script>
        </body>
      </html>

这是无效的代码。你们能帮帮我吗?当我调整屏幕大小时没有任何反应。感谢任何帮助

最佳答案

您的代码正在运行。

如果您修复 HTML,您可以看到以 Bootstrap 样式设置样式的按钮。而不是:

 <button class"btn btn-success" onclick="$(this).hide();"> Click Me!    </button>

你应该写:

 <button class="btn btn-success" onclick="$(this).hide();">Click Me!</button>

class 关键字后缺少“=”符号。

关于 content-fluid 类,它唯一做的就是将 CSS 添加到元素中:

padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;

因此,当您调整窗口大小时,您几乎不会注意到任何变化。

关于css - Bootstrap 根本不工作,我不明白为什么,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32401882/

相关文章:

javascript - 个别输入值不会改变

html - 垂直对齐按钮排成一行

html - 溢出时新列中 div 内的内容

css - 右侧的 Wordpress 额外空白

jquery - 如何让元素在页面上随你滚动?

jquery - Html 表单没有在 GET 上向 URL 添加参数

html - 一行中的一组字段

html - 将屏幕的高度拆分为主体和页脚

html - Flexbox 定义列的宽度并左对齐

html - 动画边框底部长度从 0 到 100