In meiner aktuellen Vorlage verwende ich Bootstrap und es sollte drei Schaltflächen enthalten, auf denen sich jeweils eine befindet. Der erste ganz links, der zweite in der Mitte und der dritte (letzte) ganz rechts (innerhalb eines Containerelements).

Wenn ich versuche, dies mit Bootstrap zu erreichen, finde ich zufällig nichts, was meine Bedürfnisse betrifft. Dies liegt daran, dass ich jedes Mal, wenn ich versuche, ein @ zu wicke<div> -Tag um die Eingabeelemente, das HTML-Dokument zeigt diese in separaten Zeilen an:

.foo {
  width: 23%;
  /*Should be the width required by the button,
  but I just took a random number that fits
  best. */
  margin: 0 auto;
}
/*This is how it should look like, however
I want to make use of Bootstrap instead of custom positon css if
possible. */

.desired {
  position: absolute;
  left: 10%;
}
.desired div {
  width: 10%;
  text-align: center;
  display: inline-block;
}
.example2 {
  /*Center second element*/
  position: absolute;
  left: 50%;
  margin-left: -5%;
}
.example3 {
  position: absolute;
  right: 0%;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />I tried using the following HTML/CSS:
<!--What I tried doing using Bootstrap: -->
<div class="container">
  <input type="submit" class="btn btn-default" value="Foo">
  <input type="submit" class="btn btn-default" value="Test">
  <input type="submit" class="btn btn-default pull-right" value="Bar">
</div>

<br>And got to a result that looks something like this:
<div class="container">
  <input type="submit" class="btn btn-default" value="Foo">
  <div class="foo">
    <input type="submit" class="btn btn-default" value="Test">
  </div>
  <input type="submit" class="btn btn-default pull-right" value="Bar">
</div>

<br>And this:
<div class="container">
  <input type="submit" class="btn btn-default" value="Foo">
  <div class="text-center">
    <input type="submit" class="btn btn-default" value="Test">
  </div>
  <input type="submit" class="btn btn-default pull-right" value="Bar">
</div>

<br>

<!-- What it looks like I want to achieve -->
I want the elements to look similar to:
<div class="container desired">
  <div class="example1">
    <input type="submit" class="btn btn-default" value="Foo">
  </div>
  <div class="example2">
    <input type="submit" class="btn btn-default" value="Test">
  </div>
  <div class="example3">
    <input type="submit" class="btn btn-default" value="Bar">
  </div>
</div>

<!-- Is it possible to align buttons with the use of Bootstrap classes? -->

Wenn dieses Snippet nicht gut angezeigt wird, liegt dies an der Positionierung in Prozent. Versuchen Sie daher, es bei Bedarf auf einer ganzen Seite anzuzeigen.

So lautet meine Frage: Ist es möglich, Schaltflächen in einem Dokument mit Bootstrap auszurichten, auch wenn diese auf derselben horizontalen Linie (oder Zeile) platziert werden sollen?

Danke im Voraus