Zurb基礎柱寬度不起作用

Question

我有以下代碼段，其中列的寬度應該起作用，但是不知何故，列類的兩個div都在下一行。

<html>

<head>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"></script>  
</head>

<body> 

    <div class="row">
        <div class="large-8 columns"> Hello </div>
        <div class="large-4 columns">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pellentesque metus vitae felis bibendum.
    </div>

</body> 

</html>

Answer 1

您的foundation.min.css鏈接需要具有rel="stylesheet"屬性，以指定它是一個樣式表關系。 否則，它將不會用作一個。 您還錯過了large-8列行的</div>結束</div> 。

<html>

  <head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/js/foundation.min.js"></script>
  </head>

  <body>
    <div class="row">
      <div class="small-2 columns"> Hello </div>
      <div class="small-10 columns">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent pellentesque metus vitae felis bibendum.</div>
    </div>
  </body>

</html>`

Zurb基礎柱寬度不起作用

問題描述

1 個解決方案

解決方案1
1 已采納 2015-08-28 12:59:22

Zurb基礎柱寬度不起作用

問題描述

1 個解決方案

解決方案1 1 已采納 2015-08-28 12:59:22

解決方案1
1 已采納 2015-08-28 12:59:22