none
Aumentar Tamanho do Campo - Bootstrap RRS feed

  • Pergunta

  • Boa tarde, estou tentando aumentar o tamanho de um campo, mas não estou conseguindo, vou manda a imagem e o fonte.

    @using (Html.BeginForm("Consulta", "Cliente", FormMethod.Post))
    {
        <fieldset>
            <legend>Cliente</legend>
            <div class="container">
                <div class="row">
                    <div class="form-group form-inline">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="submit">
                                    <span class="glyphicon glyphicon-search"></span>
                                </button>
                            </span>
                            @Html.TextBox("texto", ViewBag.CurrentFilter as string, new { @id = "tags", @class = "form-control", @placeholder = "Digite a consulta" })
                            <span class="input-group-btn">
                                <button class="btn btn-danger" type="reset">
                                    <span class="glyphicon glyphicon-trash"></span>
                                </button>
                            </span>
                        </div>

                        <a class="btn btn-success" data-modal="" href="/Phone/Create" id="btnCreate">
                            <span class="glyphicon glyphicon-plus"></span>
                        </a>

                    </div>



                    <div class="panel panel-primary">
                        <div class="panel-heading">Cliente</div>
                        <div class="table-responsive">

                            <table class="table table-bordered table-striped table-hover">
                                <tr>
                                    <td>Nome</td>
                                    <td>Celular</td>
                                    <td>Email</td>
                                    <td>Editar</td>
                                    <td>Excluir</td>

                                </tr>
                                @{
                                    if (Model != null)
                                    {
                                        foreach (var item in Model)
                                        {
                                            <tr>
                                                <td>@item.Nome</td>
                                                <td>@item.Celular</td>
                                                <td>@item.Email</td>
                                                <td>
                                                    <span class="btn btn-sm btn-success glyphicon glyphicon-edit"> </span>
                                                </td>
                                                <td>
                                                    <span class="btn btn-sm btn-danger glyphicon glyphicon-trash"> </span>
                                                </td>
                                            </tr>

                                        }
                                    }
                                }
                            </table>

                            @if (Model != null && Model.PageCount > 1)
                            {
                                @Html.PagedListPager(Model, page => Url.Action("Consulta",
                                       new { page, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter }))

                            }


                        </div>
                    </div>

                </div>

            </div>


        </fieldset>

    }

    Obrigado.

    quarta-feira, 29 de abril de 2015 14:11

Respostas

  • O problema ta na classe form-inline:

    <div class="form-group form-inline">
    ...
    </div>

    Veja esse tópico:

    http://stackoverflow.com/questions/22774780/bootstrap-full-width-text-input-within-inline-form


    Att. Andre de Mattos Ferraz

    • Marcado como Resposta _Manigold_ quinta-feira, 30 de abril de 2015 12:03
    quarta-feira, 29 de abril de 2015 14:28