Pull bootstrap panels to column border

I have two panels that I need to be placed at the left and right outermost location in the column they are in. Currently they look like this: http://ift.tt/2vHVqya

The first panel should be pulled to the left, so as to align with the text, while the other panel should be pulled in the other direction, again aligning with the text. I tried using the "pull-right" and "pull-left" classes, but that didn't work.

This is the HTML for the panels:

<div class="col-sm-6">
                                <div id="panelAddresse" class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">Addresse</h3>
                                    </div>
                                    <div class="panel-body">
                                        <p><strong>Berberisvej 90, Hune</strong></p>
                                        <p><strong>9492 Blokhus</strong></p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-6">
                                <div id="panelLinks" class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">Links</h3>
                                    </div>
                                    <div class="panel-body">
                                        <p><a href="http://ift.tt/2vpnIv0">Kraks Ruteplan</a></p>
                                        <p><a href="http://ift.tt/2vHznYy">Turistbureau</a></p>
                                    </div>
                                </div>
                            </div>

The two columns are nested in another 6-width column.