<!DOCTYPE html>
<html ng-app="plunker">
<head>
<script data-require="jquery@2.2.4" data-semver="2.2.4" src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
<link data-require="bootstrap@3.3.7" data-semver="3.3.7" rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script data-require="bootstrap@3.3.7" data-semver="3.3.7" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script data-require="angular.js@1.4.6" data-semver="1.4.6" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.7/angular.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="MainCtrl">
<div class="panel panel-default">
<div class="panel-heading">
Informações do Imóvel
</div>
<div class="flex-container">
<div class="input-group flex-item">
<span class="input-group-addon">
<label>Título</label>
</span>
<input class="form-control" id="name" name="name" placeholder="Name" type="text" />
</div>
<div class="input-group flex-item">
<span class="input-group-addon">
<label>Título</label>
</span>
<input class="form-control" id="name" name="name" placeholder="Name" type="text" />
</div>
<div class="input-group flex-item">
<span class="input-group-addon">
<label>Título</label>
</span>
<input class="form-control" id="name" name="name" placeholder="Name" type="text" />
</div>
</div>
</div>
</body>
</html>
.flex-container {
padding: 0;
margin: 0;
list-style: none;
-ms-box-orient: horizontal;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -moz-flex;
display: -webkit-flex;
display: flex;
}
.flex-item {
justify-content: center;
width: 33.3%;
padding: 10px;
}
var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope) {
});