title: Move Bootstrap carousel indicators outside and change their icons
body: <p>I want to move Bootstrap carousel indicator outside of the carousel div and change their icons with font awesome icons.</p>
  
  <p>Please check below image as a example.
  <a href="https://i.stack.imgur.com/UkHW8.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UkHW8.jpg" alt="enter image description here"></a></p>
  
  <p>This is design requirement, I couldn't figure how to do this. Thanks</p>