Skip to content
This repository has been archived by the owner on Jun 24, 2022. It is now read-only.

Nested Gutters #114

Open
theomjones opened this issue Jul 7, 2017 · 0 comments
Open

Nested Gutters #114

theomjones opened this issue Jul 7, 2017 · 0 comments

Comments

@theomjones
Copy link

Gutters do not work on nested rows.

See this Codepen where you'd expect gutters to separate the left, middle, right dividers.

<html>
<head>
    <title>Basic Template</title>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Kube CSS -->
<link rel="stylesheet" href="dist/css/kube.css">
<style>
  .col {
    background: #ccc;
  }
  .container {
    width: 90%;
    margin: 2rem auto;
  }
</style>
</head>
<body>
  <div class="container">
    <div class="row gutters">
      <div class="col col-8"></div>
      <div class="col col-4">
        <div class="row gutters">
          <div class="col col-4">Left</div>
          <div class="col col-4">Middle</div>
          <div class="col col-4">Right</div>
        </div>
      </div>
     </div>
  </div>
</body>
</html>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@theomjones