How can I line up content in bootstrap grid system without having separate row for everything?

```html
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
 <div class="container">
       <div class="row">
          <div class="col-sm-3">
               <h1>Some Content</h1>
               <p>More content</p>
               <button>Submit</button>
          </div>
          <div class="col-sm-3">
               <h1>Some Content</h1>
               <p>More content</p>
               <p>More content</p>
               <button>Submit</button>
          </div>
          <div class="col-sm-3">
               <h1>Some Content</h1>
               <p>More content</p>
               <p>More content</p>
               <p>More content</p>
               <p>More content</p>
               <p>More content</p>
               <p>More content</p>
               <button>Submit</button>
          </div>
       </div>
    </div>
```

Some of the content I have in the paragraphs are longer than the others and the button will be uneven

```
col-1    col-2    col-3
header   header   header
parag    parag    parag
button   parag    parag
         button   parag
                  button

```

How can I have the button, paragraph all line up. I used max width on paragraph.