LPS-47884 Extra space on the right side of the page in mobile view

Hey @pat270,

Here is an update for https://issues.liferay.com/browse/LPS-47884.

The extra space on the right is caused by the "row" class in the Bootstrap 3 grid system. A detailed discussion of the issue can be found here https://github.com/twbs/bootstrap/issues/8959. I tried to follow the solution suggested in that link, but it didnt work out well. By adding .container-fluid to .row elements or it's parent container, it creates extra space around the portlet-layout container, which misalign the layout columns from the banner and breadcrumbs (see pic below). Therefore, I decided to take a different approach.
![screenshot 2014-06-20 16 27 40](https://cloud.githubusercontent.com/assets/5168351/3347133/c04549f2-f8d5-11e3-9276-9c71b2751313.png)

My fix adds extra space around .wrapper element. I did this because in BS2, we have extra space around the layout columns.
![screenshot 2014-06-20 16 44 59](https://cloud.githubusercontent.com/assets/5168351/3347151/27a70ca2-f8d6-11e3-9709-df16b065ad5f.png)

Also, I removed the padding in the dockbar so that the buttons can be aligned to the edge.

Please let me know if there's any issues. Thanks!