I've created a visualforce page that has an embedded chatter feed in it using tag.
Also, I am currently using bootstrap in my visualforce page that is already namespaced so that it doesn't conflict with the standard salesforce css. But since the chatter:newsfeed is embedded within my visualforce page it is technically within the page where the bootstrap css is being applied, and causing problems with the chatter layout. here are some of the screenshot of how the chatter looks within the visualforce page.
Same with the drop down actions:
Messed up Hover mini-page layouts:
Is there a work-around where I can isolate the chatter feed container from the bootstrap css so that it doesn't conflict with the chatter standard css?
Thanks in advance. Cheers