How can I put an element next to an input in boostrap?

Question

How can I put an element next to an input in boostrap?

Navigation

#1 by (1 votes)

0

My problem is front-end type.

Since the only thing I want to do is that my type label <a> can be placed right next to my input.

Current code

    <div class="input-group pull-left">
        <span class="input-group-addon" id="basic-addon1">@</span>
        <input type="text" class="form-control" id="txtBusquedaG" placeholder="Ingrse una busqueda" aria-describedby="basic-addon1">
    </div>

    <a>¿Eres Artesano?</a>

The result is the following:

bootstrap-3

asked by David 09.04.2018 в 23:33

source

1 answer

Reading and writing binary files in c with fread-fwrite Store values in Array from fetch

score 1 · Accepted Answer

here the question is the row that is used for the grid system you should see a tutorial of this bootstrap system you can accommodate up to 12 elements class="col-md-4 Here I am giving you 4 but you can reach a maximum of 12

<div class="row">
<div class="col-md-4>elemento1</div>
<div class="col-md-4>elemento2</div>
<div class="col-md-4>elemento3</div>
<div>

            <div class="form-group">
              <div class="row">  
                <div class="col-md-4">
                  <div class="input-group pull-left">
                      <span class="input-group-addon" id="basic-addon1">@</span>
                      <input type="text" class="form-control" id="txtBusquedaG" placeholder="Ingrse una busqueda" aria-describedby="basic-addon1">
                  </div>
                </div>
                <div class="col-md-1">  
                  <a>¿Eres Artesano?</a>
                </div>
                </div>  
              </div>

I hope it serves you