Mostrando entradas con la etiqueta bootstrap. Mostrar todas las entradas
Mostrando entradas con la etiqueta bootstrap. Mostrar todas las entradas

jueves, 16 de octubre de 2014

Prueba de form horizontal

       <div class="well panel">
            <div class="row-fluid">
                <div class="span6">
                    <div class="form-horizontal labels-forms">
                        <div class="control-group">
                            <label class="control-label" for="UsuarioId">Solicitado Por</label>
                            <div class="controls">
                                <input type="text" name="UsuarioId" id="UsuarioId" style="width:100%" readonly="readonly" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="codigoId">C&oacute;digo</label>
                            <div class="controls">
                                <input type="text" name="codigoId" id="codigoId" value="" style="width:100%" readonly="readonly" />
                            </div>
                        </div>
                    </div>
                </div>
                <div class="span6">
                    <div class="form-horizontal labels-forms">
                        <div class="control-group">
                            <label class="control-label" for="plantaId">Fecha Solicitud:</label>
                            <div class="controls">
                                <input type="text" name="fechaSolicitud" id="fechaSolicitud" value="" style="width:100%" readonly="readonly" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="estadoSolicitud">Estatus de Solicitud:</label>
                            <div class="controls">
                                <input type="text" name="estadoSolicitud" id="estadoSolicitud" value="" style="width:100%" readonly="readonly" />
                            </div>
                        </div>
                    </div>
                </div>
            </div><!-- End Row -->
        </div>

viernes, 3 de octubre de 2014

Container bootstrap

Containers

Bootstrap requires a containing element to wrap site contents and house our grid system. You may choose one of two containers to use in your projects. Note that, due to padding and more, neither container is nestable.
Use .container for a responsive fixed width container.
Copy
<div class="container">
  ...
</div>
Use .container-fluid for a full width container, spanning the entire width of your viewport.
Copy

<div class="container-fluid">
  ...
</div>
http://getbootstrap.com/css/
***************************************************************************************
http://www.tutosytips.com/4-complementando-el-grid-de-bootstrap-3/