More space between two objects (using twitter bootstrap 3)

I have two specific objects on my website and they are to close together. I would like to know if there is a way to push the a bit farther apart from eachother. They are in the same row. I was told to increase container width but i am not sure how to do this. The two objects are the image slider and the picture. Also, how would i push that row down. It's to close to the navbar.

My code:

<div class="container">

        <div class="row">

                <div class="col-xs-9">

                        <ul class="bxslider">

                                <li><img src="img/Day1.jpg" width="980" height="280"/></li>

  <li><img src="img/Day1.jpg" width="980" height="280"/></li>

  <li><img src="img/Day1.jpg" width="980" height="280"/></li>

  <li><img src="img/Day1.jpg" width="980" height="280"/></li>

                        </ul>

                </div>

                <div class="col-xs-3">

                        <div class="imagess"> <img src="http://rootforsite.azurewebsites.net/img/pic.jpg" class="img-responsive center-block"  /> </div>

                </div>

        </div>

  <iframe width="640" height="360" src="http://www.youtube.com/embed/mb6SNytt5YI" frameborder="0" allowfullscreen></iframe>

</div>

My Website : http://rootforsite.azurewebsites.net/

-Thanks