Ui-layout overlaps every other page element. Is not Bootstrap friendly

[TeraTech]

If the webpage contains a header, a footer, a sidebar, or any other static section, the ui-layout will be positioned over all of those elements. This practically renders this plugin useless on Bootstrap pages. You cannot use this in conjunction with class="row", class="col-x-x", or any other container classes.

The only way to make it work is to force the content of this plugin to work within an iframe within the webpage. This hack should not be necessary.

[garyvidal]

Actually you can make it play nicer by setting position:relative and setting min-height. Use in col-*-12 to catch width

<div class="row">
 <div class="col-md-12">
    <div  ui-layout="{flow:'column'}" style="position:relative;min-height:800px;min-width:800px;">