boostrap slider with wp

https://codepen.io/RetinaInc/pen/rxksh/
i want this exact functionality in wp custom post page . i dont know how to implement . i tried with some default loops but its not working as i wanted. tell me what is the code to do?