With these it helps This should get you started: http://codepen.io/panchroma/pen/BLrvAw All the elements are in the same row so they can float as the grid changes, everything else uses standard bootstrap classes.
should help you out Right so my attempts at solving this are below, I'm not going to give you the same body of text because you can review that in the previous post. Here is the completed grid with all the parts you have requested, it's also laid out better. (Its not really device friendly as requested).
wish help you to fix your issue I'm making a website using bootstrap and this is a screenshot of the grid from w3schools.com. In my website, Instead of having my profile picture on the left 1 of 2 and a bullet list on the right side on 2 of 2.