Showing posts from June, 2013

Google Maps CSS not displaying correctly (when using Twitter Bootstrap)

Was wondering why the Google Maps Control Set tools works displaying correctly on standalone page but not when the same snippet pasted in my project site.

Took me a while to figure out its because of Twitter Bootstrap CSS interfering with Google Maps images.

The simple workaround was posted in Twitter Bootstrap Github Issue.
<style type="text/css">
/** FIX for Bootstrap and Google Maps Info window styes problem **/
img[src*=""], img[src*=""] {
max-width: none;
Hope this helps! :)

Install MongoDB for PHP5.4 on MAMP

1. Download from

2. Copy to MAMP PHP folder.

For example, mine is at
/Applications/MAMP/bin/php/php5.4.10/lib/php/extensions/no-debug-non-zts-20100525/ Remember to select the correct PHP version. You can check your PHP version from your MAMP start page, e.g http://localhost/MAMP/phpinfo.php

3. Enable the extension in PHP Configuration file (php.ini). You can find the path to the file from the PHPInfo (see above example).

To enable, add the following line in the "Dynamic Extension" section.
4. Restart your MAMP. You should see "mongo" section in PHPinfo.