As you’ve found, the CSS for BP can conflict with your WP theme. Looks like the width of your containers are conflicting forcing content to roll over and down. I’d look there first.
What I did was add BP to my WP theme and then start commenting out lines in the BP CSS files. I found a few of the same id’s were used and width, background, container and other properties needed modifying. It’s tedious, but necessary.