<div class="modal-header"> <button type="button" class="close" data-dismiss="modal" ng-click="$dismiss()" aria-hidden="true">×</button> <h2 class="modal-title" style="text-align:center">{{ title }}</h2> </div> <div class="modal-body"> @*<textarea ng-model="message" ng-readonly="true" rows="20" class="form-control col-lg-12"></textarea>*@ < pre class="input-xxlarge">{{message}}</ pre> </div> <div class="modal-footer"> <button class="btn btn-primary" data-dismiss="modal" aria-hidden="true" ng-click="$dismiss()">{{ okLabel }}</button> </div>and that input-xxlarge doesn't have any effect. Here is how the form looks like (see attached).