JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="container">
<hr>
<form class="form-horizontal">
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<p class="text-info">Hidden submit button #1 (display: none)</p>
<button type="submit" class="btn btn-default" onclick="alert('Hidden submit button #1 was clicked');" style="display: none;">Hidden submit button #1</button>
<p class="text-info">Hidden submit button #2 wrapped in a div (display: none;)</p>
<div style="display: none;">
<button type="submit" class="btn btn-default" onclick="alert('Hidden submit button #2 was clicked');">Hidden submit button #2</button>
</div>
<p class="text-info">Hidden submit button #3 wrapped in a div (width: 0; height: 0; overflow: hidden;)</p>
<div style="width: 0; height: 0; overflow: hidden;">
<button type="submit" class="btn btn-default" onclick="alert('Hidden submit button #3 was clicked');">Hidden submit button #3</button>
</div>
<button type="submit" class="btn btn-default" onclick="alert('Visible submit button #1 was clicked');">Visible submit button #1</button>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Text input</label>
<div class="col-sm-10">
<input type="text" class="form-control" placeholder="Text input">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-default" onclick="alert('Visible submit button #2 submit button was clicked');">Visible submit button #2</button>
</div>
</div>
<div class="form-group">
...