Входы форм превышают модальность при использовании с Bootstrap 3

Question

Я пытаюсь загрузить модальный с Угловым, а затем заполнить его шаблоном.

Проблема заключается в том, что входы перерегулирования модальный - вот скриншот проблемы:

Вот код для модального конкретизации:

$scope.logInOpen = function() { 
    console.log($modal); 
    var modalInstance = $modal.open({ 
     templateUrl: '../views/login.html', 
     controller: 'AuthController', 
     size: 'sm' 
    }); 

modalInstance.result.then(function() { 
     console.log($scope.modalInstance); 
    }, function() { 
     $log.info('Modal dismissed at: ' + new Date()); 
     $scope.modalInstance = null; 
    }); 
    } 

и здесь является /view/login.html

<div class="container"> 
    <div class="row"> 
    <div class="col-md-6 col-lg-2"> 
    <form ng-submit="logIn()" style="margin-top:30px;"> 
     <h3>Log In</h3> 

     <div class="form-group"> 
      <input type="text" 
      class="form-control" 
      placeholder="Email" 
      ng-model="user.username"></input> 
     </div> 
     <div class="form-group"> 
      <input type="password" 
      class="form-control" 
      placeholder="Password" 
      ng-model="user.password"></input> 
     </div> 
     <button type="submit" class="btn btn-success">Log In</button> 
     <button class="btn btn-warning" ng-click="cancel()">Cancel</button> 

     <span ><small> Forgot Password</small></span> 
     </form> 
     <div class="row"> 
     <div ng-show="error" class="alert alert-danger"> 
     <span>{{ error.message }}</span> 
     </div> 
     </div> 
    </br><br> 
    </div><!-- closes .col-md-6 --> 
    </div><!-- closes .row --> 

</div><!-- closes .container --> 

Answer 1

Это будет потому что у вас их есть в модальном - в .container. Попробуйте удалить .container класс от модального.

.контейнер имеет статическую ширину, а не проценты. Вот почему он переполнен.