Question

我是LESS的新手，开始使用它，我遇到的问题是我无法使引导行/列工作。我希望三个缩略图并排显示（即一行中有三列），但不会发生。是因为我弄乱了任何LESS文件吗？

这是我的代码：

<!DOCTYPE html>
 <html>
  <head>
   <title>Home</title>
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link href='https://fonts.googleapis.com/css?family=Roboto:900,700,400,500|Open+Sans:400,700,300|Oxygen:400,300,700' rel='stylesheet' type='text/css'>
   <!-- the bootstrap compiled file outputted from LESS -->
  <link href="_/css/bootstrap.css" rel="stylesheet" media="screen">
  <!-- compiled version of my styles, outputted from LESS file where I edit my styles -->
  <link href="_/css/mystyles.css" rel="stylesheet" media="screen">
 </head>
 <body>
 <section class="container">
  <h2>Heading</h2>
   <div class="row">
     <div class="col-md-3">
       <a href="#" class="thumbnail">
         <img src="images/blacksea.jpg" alt="...">
       </a>
     </div> <!-- thumbnail 1 -->
     <div class="col-md-3">
       <a href="#" class="thumbnail">
         <img src="images/blacksea.jpg" alt="...">
       </a>
     </div> <!-- thumbnail 2 -->
     <div class="col-md-3">
       <a href="#" class="thumbnail">
         <img src="images/blacksea.jpg" alt="...">
       </a>
     </div> <!-- thumbnail 3 -->
    </div> <!-- row -->
   </section> <!-- container -->
  <script src="js/bootstrap.js"></script>
 <script src="js/myscript.js"></script>
</body></html>

我在正常的boostrap设置（没有Less）上测试了我的代码，它工作得非常好。但是当我LESS设置的相同代码时，图片会垂直堆叠而不是水平堆叠。

看到它在jsfiddle上工作，我认为它不在本地工作的原因是因为我的Bootstrap导入可能存在一些问题，因为为了进行验证，当我尝试to do this feature of Bootstrap时它不起作用而且我得到this instead，这与Bootstrap有什么关系？

提前谢谢！

设置较少：Bootstrap行网格不起作用

0 个答案: