Bootstrap Grid Center

A little fiddle in order to know if there is a way to center the project name

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<body>

</body>
<div class="project-container">
  <div class="container-fluid">
    <div class="row">
      <div class="col-xs-2">
        Title
        <div class="circle" style="background-color:#32DC32"></div>
        Clear
      </div>
      <div class="col-xs-6">
        <div class="projectTitle text-center">Project Name</div>
        <div class="row">
          <div class="col-xs-6">01/01/1970</div>
          <div class="col-xs-6">Some other info</div>
        </div>
      </div>
      <div class="col-xs-4">
        <div class="row">
          <div class="col-xs-4">
            Title
            <div class="circle" style="background-color:#32DC32"></div>
            Clear
          </div>
          <div class="col-xs-4">
            Title
            <div class="circle" style="background-color:#32DC32"></div>
            Clear
          </div>
          <div class="col-xs-4">
            Title
            <div class="circle" style="background-color:#32DC32"></div>
            Clear
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

body {
  font-family: arial;
}

select {
  width: 100%;
}

.center {
  margin: 0 auto;
  display: table;
}

.projectContentTable {
  margin-right: 4%;
  margin-left: 4%;
  width: 92%;
}

.circle {
  background-color: gray;
  border-radius: 14px;
  width: 26px;
  height: 26px;
  margin: 0 auto;
  border-style: solid;
  border-width: 1px;
}

.projectTitle {
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

.projec-container {
  display: table;
  border-style: solid;
  border-width: 2px;
  border-radius: 15px;
  margin-bottom: 10px;
  margin-right: 10%;
  margin-left: 10%;
  width: 80%;
}

#content {
  text-align: center;
}