Javascript 将网页显示为3个垂直部分，可以移动和拉伸菜单_Javascript_Angularjs

Javascript 将网页显示为3个垂直部分，可以移动和拉伸菜单

javascript angularjs

Javascript 将网页显示为3个垂直部分，可以移动和拉伸菜单,javascript,angularjs,Javascript,Angularjs,我正在创建一个包含3个垂直模板的网页。我使用了引导网格，网格是固定的，但我想拉伸它们。在Angular js和引导中有什么方法可以做到吗这是我的密码： <body ng-controller="MenuController as menuCtrl"> <div class="row no-gutter"> <div class=" col-lg-3 mainmenu">

我正在创建一个包含3个垂直模板的网页。我使用了引导网格，网格是固定的，但我想拉伸它们。在Angular js和引导中有什么方法可以做到吗

这是我的密码：

  <body ng-controller="MenuController as menuCtrl">
            <div class="row no-gutter">
                <div class=" col-lg-3 mainmenu"> 
                    <h1> main menu </h1>

                </div>
                <div class="col-lg-3 secondmenu">
                    <h1> second menu </h1>
                </div>
                <div class="col-lg-6 thirdmenu">
                    <h1> detailed view </h1>
                </div>
            </div>
        </body>

试着添加一个屏幕截图，看看你有什么，也许是一个模型，让我们更好地了解你想要什么你试过什么让他们工作吗？如果是这样的话，您可以发布一个您所做的示例吗？我添加了jquery脚本来调整$（function（）{$（“.resizable”）.resizable（{handles:'e，w'}；}）；但它并没有像我预期的那样发挥作用。如何获得3个能够移动、调整大小而不丢失菜单中数据的菜单？在添加jquery脚本后，当我移动第二个视图时，我丢失了第三个视图，布局中的数据正在移动。有人能帮我吗？试着添加一个屏幕截图，看看你有什么，也许还有一个模型，让我们更好地了解你想要什么。你有没有尝试过让他们工作？如果是这样的话，您可以发布一个您所做的示例吗？我添加了jquery脚本来调整$（function（）{$（“.resizable”）.resizable（{handles:'e，w'}；}）；但它并没有像我预期的那样发挥作用。如何获得3个能够移动、调整大小而不丢失菜单中数据的菜单？在添加jquery脚本后，当我移动第二个视图时，我丢失了第三个视图，布局中的数据正在移动。有人能帮我吗？

.row.no-gutter [class*='col-']:not(:first-child),.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right:0;
  padding-left:0;
}

/* only for column content visible */
.col-lg-1>div {
    background-color:#ddd;
}