Rearrange tooltip and popover documentation examples

 from top, left, bottom, right => left, top, bottom, right

This way they do not overlap with each other.

**Tooltips Example**

![Tooltip](http://f.cl.ly/items/2o2G1l1U2v2L3s3D3B1o/tooltip.png)


**Popovers Example**

![Popover](http://f.cl.ly/items/321R093U3o1e3S0R0E1T/popover.png)