自举加载但不适用样式

我加载并使用像这样的自举，但样式实际上并未应用于我的row和col div。在我的网络监视器中，我可以看到css正在成功加载，但由于某种原因，它只是没有做任何事情。真的很难倒在这里。自举加载但不适用样式

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 

    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" type="text/css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 

    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> 

</head> 
<body> 

<div class="row"> 
    <div class="col-4"> 
     <label for="name">Name</label> 
     <input id="name" /> 
    </div> 
</div> 
<div class="row"> 
    <div class="col-4"> 
     <label for="number">Number</label> 
     <input id="number" /> 
    </div> 
</div> 

<table> 
    <thead> 
    <tr> 
     <th>Name</th> 
     <th>Number</th> 
    </tr> 
    </thead> 
</table> 
</body> 
</html>

编辑：

我改变了我的链接使用引导4，它仍然心不是工作

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">

来源

2017-08-15 zero01alpha

表类添加到您的表，以及依照下列答案的建议 - <表类=“表”> –

<div class="row"> 
    <div class="col-md-4"> 
     <label for="number">Number</label> 
     <input id="number" /> 
    </div> 
    <div class="col-md-4"> 
     <label for="number">Number</label> 
     <input id="number" /> 
    </div> 
    <div class="col-4"> 
     <label for="number">Number</label> 
     <input id="number" /> 
    </div> 
</div>

也许我错了，但我在引导你的经验在使用列功能时指定屏幕大小。当您构建适合跨所有平台的应用时，请使用中等。

来源

2017-08-15 14:46:18 Cody

我想你使用的是错误的CSS类名称。您正在载入引导3.x版，并使用不同的设备分辨率不同的类别：

如果你想占据4列的块，你需要使用col-xs-4用于超小型设备（< 768px宽），小型为col-sm-4，中型号为col-md-4，大型设备（> 1200px）为col-lg-4。

您可以检查在文档：https://getbootstrap.com/docs/3.3/css/#grid-options

来源

2017-08-15 14:48:48 Jaime

自举加载但不适用样式

回答

相关问题