Q: repeat a div twice horizontally I want such format using bootstrap row and col.

I have tried many ways...below is the last code
         <div class="row">
            <form name="" class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div>
                        <label><strong>{{Heading}}}</strong></label>
                        <Textarea>
                           <span ng-bind=""></span>
                        </Textarea>
                    </div>
            </form>
        </div>

Please Suggest

A: https://codepen.io/Dooomel/pen/OJVgpzp
<div class="container">
  <div class="row">
    <div class="col-sm-6">
      th1
    </div>
    <div class="col-sm-6">
      th2
    </div>
  </div>
  <div class="row">
    <div class="col-sm-6">
      th3
    </div>
    <div class="col-sm-6">
      th4
    </div>
  </div>
</div>

Btw. You don't need to set class for every breakpoint, col-sm-6 is passed to md and lg

A: Please checkout this.
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js">
</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">

<body ng-app="myApp" ng-controller="myCtrl" class="row">
   <form name="" class="col-6" ng-repeat="x in [1,2,3,4,5, 6]">
     <div><b>{{Heading}}</b></div>
     <Textarea></Textarea>
   </form>
<script>
var app = angular.module("myApp", []);

app.controller("myCtrl", function($scope) {
  $scope.Heading='Place holder';
});
</script>

</body>
</html>

