Bootstrap - Input-group-Taste im List-group-Item

Hey, ich bin eine Art neuer Typ in der bootstrap -, aber ich Frage mich, wie etwas zu tun.

Ich habe versucht und gesucht, aber ich kann nicht scheinen, es zu tun. Weiß jemand, wie man diese:

<div class="input-group">
  <span class="input-group-btn">
    <button class="btn btn-default" type="button">Go!</button>
  </span>
  <input type="text" class="form-control">
</div>

Sorry, ich kann nicht ganz bieten ein Bild-jetzt aber auf der bootstrap-website-es ist hier auf die Schaltfläche Addons.

in eine list-group-item? Ich möchte einen button wie, aber auf eine list-group-item.

Kann mir jemand helfen?

Haben Sie den import von twitter bootstrap bootstrap.min.css und auch stellen Sie sicher, dass dies ein übergeordnetes element (irgendwo oben im Baum) entweder mit der Klasse .container oder .container-fluid ?
Ich bin nicht sicher, dass Sie verstanden werden. Den code habe ich es nur, damit Sie wissen, was ich umsetzen will, in einem list-group-item. Ich möchte die list-group-item mit einer Taste nur so ein.

InformationsquelleAutor Lokuzt | 2014-10-02

  1. 4

    Nur nest der input-group in die list-group-item wie diese:

    <ul class="list-group">
  <li class="list-group-item">
     <div class="input-group">
        <span class="input-group-btn">
            <button class="btn btn-default" type="button">Go!</button>
        </span>
        <input type="text" class="form-control">
    </div><!-- /input-group -->
  </li>
</ul>

    Wenn Sie nicht wollen, um die zusätzliche Polsterung, die Sie tun könnten, so etwas wie dieses:

    1.) Fügen Sie eine spezielle Klasse für die .list-group-item:

    <li class="list-group-item group-btn">
    <div class="input-group">
        <span class="input-group-btn">
            <button class="btn btn-default" type="button">Go!</button>
        </span>
        <input type="text" class="form-control">
    </div><!-- /input-group -->
  </li>

    2.) Geben Sie die folgenden CSS:

    li.group-btn {
  padding: 0;
}

    Beispiel (1. li ist das grundlegende Beispiel, die 2. li ist ohne Polsterung)

    InformationsquelleAutor Sebsemillia

Schreibe einen Kommentar