повторить div дважды по горизонтали - PullRequest
Новая
       0

повторить div дважды по горизонтали

0 голосов
/ 01 марта 2020

Я хочу такой формат, используя bootstrap строки и столбцы. enter image description here

Я пробовал много способов ... ниже последний код 

         <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>

Пожалуйста, предложите

Ответы [ 2 ]

0 голосов
/ 01 марта 2020

Пожалуйста, проверьте это. 

<!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>
0 голосов
/ 01 марта 2020

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>

Кстати. Вам не нужно устанавливать класс для каждой точки останова, col-sm-6 передается в md и lg

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...