如何使DIV不能从所有方面调整大小

Question

我有一些使用引导程序制作的布局。

 <div class = row style="width:400px; height:400px">
        <div class = "col-sm-12" style="height:50%; border:2px solid;"></div>
        <div class = "col-sm-6" style="height:50%; border:2px solid;"></div>
        <div class = "col-sm-6" style="height:50%; border:2px solid;" ></div>
 </div>

从外观上看：

也许有人可以建议任何框架或代码解决方案以使DIV的大小可调整，但只能在某些方向上进行，而不能调整外部的大小。 这是图片中的说明：

也许有人可以推荐代码或使用lib编写代码。 我使用有角的引导程序。

Answer 1

从图片中我了解到您想从边界线拖动div并调整其大小。

css3具有带有语法的resize属性：

resize: none|both|horizontal|vertical|initial|inherit;

与以下CSS：

div {
   resize: both;
   overflow: auto;
}

您可以从垂直和水平方向获得大小可调的框。

更多：

http://www.w3schools.com/cssref/css3_pr_resize.asp

注意：IE不支持此功能。