Embedded Tweets not displaying correctly


Hi guys,

I am using embedded tweets for my website, but somehow the tweets aren’t displaying correctly - as in the CSS seems to fail to load. I realize this might be my site not rendering the widget.js properly. What may help is the following points:

  1. I use Bootstrap as a framework
  2. I have quite a few tweets embedded, all of them within a div with fixed width and height (so I can have a custom scroll)
  3. I am using a full screen slideshow and the tweets are displayed at the last ‘slide’
  4. I have tried and included widget.js at the top of my document (within the ) as well as including the initialization javascript right before the closing body tag

Sometimes the tweets are displayed like this: http://twitpic.com/czkcvf and other times like this: http://twitpic.com/czkd6n (which is the default blockquote CSS stylings in Bootstrap).

Sometimes when I refresh the page the tweets would display correctly, but the first time loading the page would result in one of the above.

I tested this using Chrome (Win & Mac), Firefox (Win & Mac) as well as Safari for Mac. Is there anything else I’m missing?

The URL for the site is http://www.rizsikar.com/sir-alex

Many thanks for any help!


hey guys, anyone can help me out on this?