This is a question specifically for AdminLTE, which is built on top of Bootstrap. So all exiting free-form full page body background image questions don't apply, even this one -- Full body background with Twitter Bootstrap, because the full page body background image has to cooperate with AdminLTE in harmony. I hacked my own way, but everything is out of whack. Hence the question.
This is my standard way to use the AdminLTE Template:
<!-- Main content -->
<div class="content">
<div class="container">
<div class="container-fluid">
<div class="card card-default">
<h3 class="card-title">...</h3>
<div class="row">
</div>
<!-- /.row -->
</div>
<!-- /.card -->
</div>
<!-- /.container-fluid -->
</div>
<!-- /.container -->
</div>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
All my pages are build with such structure.
Now one page I need to have a full page body background image, with the layout by above AdminLTE Template intact, all showing transparently on top of the background image.
A fully working example appreciated, not necessarily within my above pages structure, but most-recommended way is definitely welcome.
