Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/80.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何使用aunglarjs设置相邻div的等高?_Html_Css_Angularjs_Twitter Bootstrap 3 - Fatal编程技术网

Html 如何使用aunglarjs设置相邻div的等高?

Html 如何使用aunglarjs设置相邻div的等高?,html,css,angularjs,twitter-bootstrap-3,Html,Css,Angularjs,Twitter Bootstrap 3,这是我的代码: 开始时,我的面板是隐藏的,然后单击按钮后,我想显示每个高度相等的面板(我想拉伸面板主体)。 非常感谢你的帮助 var app = angular.module("myApp", []).controller("myCtrl", function($scope) { $scope.isActive = false; $scope.toogle = function () { $scope.isActive = !$scope.isActive; };

这是我的代码:

开始时,我的面板是隐藏的,然后单击按钮后,我想显示每个高度相等的面板(我想拉伸面板主体)。 非常感谢你的帮助

    var app = angular.module("myApp", []).controller("myCtrl", function($scope) {
  $scope.isActive = false;

  $scope.toogle = function () {
    $scope.isActive = !$scope.isActive;
  };
});

您可以使用Flexbox而不是
col
,因为这是最好的解决方案,请检查更新的。

一个简单的解决方案是为面板设置
高度-

.panel {
    min-height: 200px;
    height: 400px;
    overflow-y: auto;
}