Bootstrap Css positioning an element to the right of a "container"

I have created this jsFiddle to represent my problem. https://jsfiddle.net/L3p70zd8/ <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.