I have created this jsFiddle to represent my problem.
<must put code to post jsFiddle link>
I am building a carousel. The width of the content of the carousel is to be limited by the bootstrap container (the pink bit). However, I want the nav buttons to the left and right of the carousel to be outside the width of the container.
I have achieved this on the left button using a negative margin but cannot figure out how to achieve the same result on the right button. I am open to changing the structure of the html.