Two suggestions:
1) make your phone and text you want in teh same spot align:absolute, that way it will always stay in the same place. Make sure to get your z-align right so the phone sits on top.
2) I think your problem has to deal with the fact that your col-md won't work on smartphones! It only works for screens md and higher. To affect screens smaller than 749 px use col-sm and col-xs.
The new grid works on 12, so use that to your advantage to get your rows to line up the way you want. Example:
<div class="col-lg-2 col-md-1 col-xs-1"></div>
Hopefully this gets you on the right track -- not exactly sure what you are trying to get.