Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<!-- https://stackoverflow.com/a/21955398 -->
<html>
  <head>
    <meta charset="utf-8">
    <title>7 equal columns in Bootstrap 3</title>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <div class="container">
      <div class="row seven-cols">
        <div class="col-md-1">Col 1</div>
        <div class="col-md-1">Col 2</div>
        <div class="col-md-1">Col 3</div>
        <div class="col-md-1">Col 4</div>
        <div class="col-md-1">Col 5</div>
        <div class="col-md-1">Col 6</div>
        <div class="col-md-1">Col 7</div>
      </div>
    </div>
  </body>
</html>
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers