Max & Min Sizes

Control Maximum and Minimum possible sizes during resizing be predefined data-gs-{max | min}-{width | height} HTML attributes

col-sm-12 col-md-11 initial classes are used in this panel. Max width is 8 ( 8 * the smallest column size )

Initial height is 200px

Resize the panel to monitor the constraints in action

Easy Max & Min Sizes 2

col-sm-9 class is used in this panel. Max width is 9. Minimum width is 6

Resize the panel to monitor the constraints in action

Easy Max & Min Sizes 3

Do something

col-sm-12 class is used in this panel. Max width is 10

Minimum height is 200px

Initial height is 400px

Maximum height is 600px

Resize the panel to monitor the constraints in action

Easy Max & Min Sizes 4

col-sm-12 class is used in this panel. Max width is 11. Minimum width is 7

Minimum height is 300px

Initial height is 350px

Maximum height is 400px

Resize the panel to monitor the constraints in action