I do not know what the reason is but the grid system does not work correctly, everything is supposed to be as it should be
div{
border:1px solid black;
padding: 2px;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width:device,user-scalable=no">
<title>Foundation</title>
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<div class="row">
<div class="large-1 small-4 columns">columna 1</div>
<div class="large-4 small-4 columns">columna 1</div>
<div class="large-6 small-4 columns">columna 1</div>
</div>
<script src="js/vendor/foundation.js" ></script>
<script src="js/app.js" ></script>
<script src="js/vendor/jquery.js" ></script>
<script src="js/vendor/what-input.js" ></script>
</body>
</html>