Bootstrap 4 Template
This is a simple Twitter Bootstrap 4 template. To check BS4 and Bootstrap-table compatibility.
by Carlos Figueiredo
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://rawgit.com/wenzhixin/bootstrap-table/master/src/bootstrap-table.css">
<script src="http://labo.infocapagde.com/lib/bootstrap-4.0.0-alpha/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://labo.infocapagde.com/lib/bootstrap-4.0.0-alpha/css/bootstrap.css">
<script src="http://labo.infocapagde.com/lib/bootstrap-table/dist/bootstrap-table.js"></script>
<div class="container">
<div class="row">
<div class="col-sm-6">
<div id="imaginary_container">
<div class="input-group stylish-input-group">
<input type="text" class="form-control" placeholder="Search" >
<span class="input-group-append">
<span class="input-group-text">
<button type="submit">
<i class="fa fa-search"></i>
</button>
</span>
</span>
</div>
</div>
</div>
</div>
</div>
CSS
body {
margin: 10px;
}
.stylish-input-group .input-group-addon{
background: white !important;
}
.stylish-input-group .form-control{
border-right:0;
box-shadow:0 0 0;
border-color:#ccc;
}
.stylish-input-group button{
border:0;
background:transparent;
}