JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<body ng-app="store">
<form class="form-inline" style="border: 2px solid blue; max-width:500px;" ng-controller="formCtrl" ng-submit="submit()">
<div class="form-group">
<label>Enter n1</label>
<input type="text" class="form-control" placeholder="enter the first number" ng-model="text1" />
<p>{{text1}}</p>
</div>
<div class="form-group">
<label>Enter n2</label>
<input type="text" class="form-control" placeholder="enter the second number" ng-model="text2" />
<p>{{text2}}</p>
</div>
<div class="form-group" style="display:block; margin:10px auto; margin-left:370px;">
<input type="submit" class="form-control" />
</div>
</form>
JavaScript
(function () {
var app = angular.module('store', []);
var n1 = 0;
var n2 = 0;
app.controller('formCtrl', ['$scope', function ($scope) {
$scope.submit = function () {
alert("successful");
};
}]);
})();