First challenges-build portfolio:how to add space between buttons if I use bootstrap col-xs-*?

#1

Hello,everyone! As I said, there is a question:how to add space between buttons and align them to the right corner?

Here’s my code:

<div class="container-fluid">
  <div class="row" style="background-color:#e3e3e3;">
    <div class="col-xs-6">
     <a href="#"> <img src="http://res.cloudinary.com/dwxepusiu/image/upload/v1506747589/thin-0394_business_handshake_deal_contract_sign-512_a8fglm.png" style="height:80px; "></a>
</div>
    <div style="margin-top:20px;" class="col-xs-6">
      <a href="#"> <button class="btn" >About</button></a>
      <a href="#"> <button class="btn">Portfolio</button></a>
      <a href="#"> <button class="btn">Contact</button></a>
    </div>

Here’s my portfolio page:http://prntscr.com/grgtuo

#2

Hi Nikita - rather than posting screenshots, it would be easier for people to get a sense of what you have done if you link to the actual codepen you wrote it on.

Are you trying to get a little bit of breathing room between the buttons? Have you tried writing some CSS rule to include padding?

#3

Just add margins to the btn class in your css

#4