Bootstrap根本不工作，我不明白为什么

<!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>

这是代码不工作。你能帮我一下吗？当我调整屏幕大小时，什么也没有发生。任何帮助表示赞赏Bootstrap根本不工作，我不明白为什么

来源

2015-09-04 Timur Ozkul

你期待什么？ – cocoa

当您重新调整屏幕大小时，您会有什么期望？您几乎没有使用过Bootstrap。 –

您的代码正在工作。

如果您修复了HTML，您可以看到按引导程序样式设置的按钮。相反的：

<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;

所以，当你调整窗口的大小，你不会觉察出任何变化。

来源

2015-09-04 15:50:37 David

如果你在你的本地环境中编写代码，你可以请确保您的网络是否工作正常，URL不堵塞，

https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css

因为您正在从托管位置获取CSS，因此如果该URL无法访问，代码将无法工作。

如果有疑问，请尝试从本地磁盘引用引导程序css。

来源

2015-09-04 15:46:25 gyan

Bootstrap根本不工作，我不明白为什么

回答

相关问题