Question

我希望利用引导程序来创建一些列（通过使用预定义的类，例如.col-sm-），同时也为较小的电话包括附加宽度。关键是Netbeans给出了一条消息“找不到类”（对于每个类，作为移动者），因此我不确定它们中只有一些是否真的可以。如前所述，在Chrome以及一些可用设备上，看起来都很好。
预先感谢您的澄清！

<!DOCTYPE html>  
<html lang="en">  
...  
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1"/>  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>  
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
<html xmlns="http://www.w3.org/1999/xhtml">  
    <link type="text/css" rel="stylesheet" href="css/mycss.css">  
    ...  

    <div class="row"  style="background-color: greenyellow; color: crimson">  
        <div class="col-xxxs-2 col-xxs-2 col-xs-2 col-2 col-sm-2 col-md-2 col-lg-2 ">  
        </div>  
    </div>  
</html>

在CSS中，其定义如下     @media only屏幕和（最大宽度：328px）{
         .col-xxxs-1 {width：8.33％;}
         ....
     }

Answer 1

一段时间后，我得到了答案有多容易。答案/评论不多的原因可能是。我已从

中删除

<div class="col-xxxs-2 col-xxs-2 col-xs-2 col-2 col-sm-2 col-md-2 col-lg-2 ">

与引导程序相关的所有类，但最后一个除外，即 col-lg-2 。由于它在所有较小的设备上仍然可以正常工作，因此没有理由看到引导程序类与用户定义的类之间存在冲突。

因此，没有理由将其保持打开状态。它仍然是来自Netbeans的假消息，例如当鼠标从HTML文件的上一行上方的那些类上方移动时，将显示“ class col -... not found”（参见附图）。最终，可以通过添加一个到boosstrap库的链接来删除此消息，尽管没有任何好处。

<link rel="stylesheet" href="../css/bootstrap.min.css" type="text/css"/>

谢谢！

引导程序可以与定义的CSS混合使用吗？

1 个答案: