Grids - Bootstrap and textarea

0

Good morning.

I'm having trouble adjusting a layout in a project I'm developing.

I'd like to fit a textarea into the layout. but he has always been amenor that the area defined by this is taking me an absurd time. If you can help me, thank you.

Below is an excerpt of the code, and an image to see how it is presented in the browser.

            <div class="row cor3">
                <h5>
                    <span id="spn">{{nomeAtualizaReservas}}</span>
                </h5>
            </div>

            <div class="row cor1">

                <div class="col-sm-2 cor2">
                    <div>
                        <label class="col-lg-1 control-label">Código:</label>
                        <div class="col-lg-12">
                            <input type="text" class="form-control" id="ID" placeholder="ID" ng-disabled="true" ng-model="reserva.ID">
                        </div>
                    </div>
                </div>

                <div class="col-sm-7 cor3">
                    <div class="row">
                        <label class="col-lg-1 control-label">Motivo:</label>
                        <div class="col-md-12 cor2">
                            <textarea  class="form-control" rows="2" cols="100" maxlength="200" id="ReservaDescricao" placeholder="Motivo da Reserva" ng-model="reserva.ReservaDescricao"></textarea>
                            <span>{{200 - reserva.ReservaDescricao.length}} caracteres restantes</span>
                            @*<input type="text" class="form-control" id="ID" placeholder="ID" ng-disabled="true" ng-model="reserva.ID">*@
                        </div>
                    </div>
                </div>

                <div class="col-sm-3 cor2">
                    <div>
                        <label class="col-md-1 control-label">Area:</label>
                        <div class="col-md-12">
                            <select id="AreaComumID" class="form-control" ng-change="ChangeAreaComum()" ng-model="reserva.AreaComumID">
                                <option value="">Todos</option>
                                <option ng-repeat="x in areacomum" value="{{x.AreaComumID}}">{{x.AreaComumDescricao}}</option>
                            </select>
                        </div>
                    </div>
                </div>

            </div>
    
asked by anonymous 26.06.2018 / 16:48

0 answers