Twitter bootstrap css and html for speech and html bubbles to get cartoon look

You don't need to create a full site, or even a full page, BUT you have to make the body part of a page for this looking as beautiful and cartoon-like as possible to create stories: I need you to create the minimal css and potentially html5 animations (as long as it works in most browsers, too) needed in order to be able to build responsive web-pages for all common browsers that should have these elements: -thought bubble from avatar placed left -thought bubble from avatar placed right -speech bubble from avatar placed left -speech bubble from avatar placed right -comment (when it's neither thought nor said from any of the avatars. -Avatars (heads and upper body/hand if needed that we have already developed) positioned left or right in different formats. Basically, there should preferrably only be one class for thought bubble, one for speech and one for comment, and then only "left" or "right" should depict the format. Texts will be of very different lenghts, so it needs to look good and as a "comic" cartoon style for all different lenghts. It needs to gracefully be aligned in a working way if on mobile, so completely fluid.