On my videos page, which I am rendering from my mysql db, when I add a forth Video it moves the video all the way to the right instead of the left, any help would be appreciated. It seems that longer texts is creating the issue.
Try updating your CSS to
If you are expecting to only have 3 videos per row then you need to change the col-md-3 to col-md-4. Read this to get a better understanding of the Grid system http://getbootstrap.com/css/#grid
Basically there are 12 columns (col-) in total in a row. A single row of cols should equal 12.
For instance col-md-4 is effectively equal to 4 columns out of 12 total. http://getbootstrap.com/css/#grid-example-basic