Scribd Logo
Hochladen

Willkommen bei Scribd!

  • Class Href Href Class: "Breadcrumb" "#" "#" "Active"

    Hochgeladen von

    Richard
    7 Ansichten3 Seiten
    Boostrap

    Originaltitel

    Bootstrap Form

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden
    Boostrap

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    7 Ansichten3 Seiten

    Class Href Href Class: "Breadcrumb" "#" "#" "Active"

    Hochgeladen von

    Richard
    Boostrap

    Copyright:

    © All Rights Reserved
    Als PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 3

    <!

    DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Example of Bootstrap 3 Prepended and Appended Inputs</title>

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

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

    <style type="text/css">

    .bs-example{

    margin: 20px;

    </style>

    </head>

    <body>

    1. <ul class="breadcrumb">
    2. <li><a href="#">Home</a></li>
    3. <li><a href="#">Products</a></li>
    4. <li class="active">Accessories</li>
    5. </ul>

    <div class="bs-example">

    <form>

    <div class="row">

    <div class="col-xs-4">

    <div class="input-group">

    <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>

    <input type="text" class="form-control" placeholder="Username">

    </div>
    </div>

    <div class="col-xs-4">

    <div class="input-group">

    <input type="text" class="form-control" placeholder="Amount">

    <span class="input-group-addon">.00</span>

    </div>

    </div>

    <div class="col-xs-4">

    <div class="input-group">

    <span class="input-group-addon">$</span>

    <input type="text" class="form-control" placeholder="US Dollar">

    <span class="input-group-addon">.00</span>

    </div>

    </div>

    </div>

    </form>

    <hr>

    <form>

    <div class="input-group">

    <span class="input-group-addon"><span class="glyphicon glyphicon-user"></span></span>

    <input type="text" class="form-control" placeholder="Username">

    </div>

    <br>

    <div class="input-group">

    <input type="text" class="form-control" placeholder="Amount">

    <span class="input-group-addon">.00</span>

    </div>

    <br>

    <div class="input-group">
    <span class="input-group-addon">$</span>

    <input type="text" class="form-control" placeholder="US Dollar">

    <span class="input-group-addon">.00</span>

    </div>

    </form>

    </div>

    </body>

    </html>

    Das könnte Ihnen auch gefallen