fuckCss.css

/* CSS used here will be applied after bootstrap.css */
ul {
  background-color: grey;
  list-style: none; /* No bullets */
  text-align:center; /* center li's in ul */
  margin: auto; /* Center ul in div */
  padding: 0; /* Because apparently padding has non-zero default */
  width: 100%;
  display: table;
}

li {
  margin-left: 5px;
  margin-right: 5px;
  width: calc(100% / 5);
  
  background-color: red;
  display:inline-block; /* center li's in ul */
}

a {
  width: 100%;
  border-radius: 50px;
  background-color: orange;
  display: block;
}
#TheColumn {
  background-color: yellow;
}

#TheContainer {
  background-color: blue;
}

#TheRow {
  background-color: purple;
}



#TheColumn {
  background-color: yellow;
}

#TheContainer {
  background-color: blue;
}

#TheRow {
  background-color: purple;
}

FuckingButtons {
  height: 0;
}





$(document).ready(function() {
  displayedWidth = $("#FuckingButton1").width();
  $(".FuckingButtons").height(displayedWidth);
});

<div class="fluid-container" id="TheContainer">
    <div class="row" id="TheRow">
        <div class="col-lg-2 col-lg-offset-5" id="TheColumn">
            <ul class="">
                <li><a href="#" class="FuckingButtons" id="FuckingButton1">1</a>
                </li>
                <li><a href="#" class="FuckingButtons">2</a>
                </li>
                <li><a href="#" class="FuckingButtons">3</a>
                </li>
                <li><a href="#" class="FuckingButtons">4</a>
                </li>
            </ul>
        </div>
    </div>
</div>