Basically i want the share buttons and read more button to be place at the very bottom of the div. Just like "Sample Post 14". The only reason i managed to achieved that is because of the excerpt or dummy text. Is there anyway to accomplish that kind of styling. I'm using skeleton framework hence the class twelve columns or sixteen columns and etc

If I understand correctly then you could just make sure your text content was in a container (p element) and then just give that element a min-height which would ensure that the next elements (your share buttons etc) start at the bottom.