BootStrap-Componments

Setrings-Default-Compoments

by JSDavi

HTML

<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
<link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap-theme.min.css">
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div class="input-group input-group-lg"> <span class="input-group-addon" id="addon1">@</span>

    <input type="text" class="form-control" placeholder="username" aria-describedby="addon1">
</div>
<div class="input-group input-group-sm">
    <input type="text" class="form-control" placeholder="Recipient's name" aria-describedby="addon2"> <span class="input-group-addon" id="addon2">@126.com</span>

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

    <input type="text" class="form-control" aria-label="Hello JSFIDDLE" placeholder="100,000,000,00" style="text-align:right;"> <span class="input-group-addon">.00</span>

</div>
<div class="row">
    <div class="col-md-6">
        <div class="input-group"> <span class="input-group-addon">
                    <input type="checkbox">
                </span>

            <input type="text" class="form-control" aria-label="1111" placeholder="2222">
        </div>
        </di>
        <div class="col-md-6">
            <div class="input-group"> <span class="input-group-addon">
                            <input type="radio" aria-label="radio">
                        </span>

                <input type="text" class="form-control" aria-label="3333" placeholder="4444">
            </div>
        </div>
    </div>
            <nav>
  <ul class="pagination">
    <li>
      <a href="#" aria-label="Previous">
        <span aria-hidden="true">&laquo;</span>
      </a>
    </li>
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
    <li><a href="#">4</a></li>
    <li><a href="#">5</a></li>
    <li>
      <a href="#"...