如何更改模態

Question

我在我的角度項目中使用ui bootstrap v0.10。當我嘗試使用模式窗口時，我可以使用windowClass將寬度設置爲較小的大小，但它也會將窗口位置向右移動。

任何人都可以幫助我嗎？

，我使用嘗試改變寬度的代碼如下：

$stateProvider.state("signin", { 
     url: "/signin", 
     onEnter: function ($stateParams, $state, $modal) { 
      $modal.open({ 
       templateUrl: 'Pages/Modals/Signin.html', 
       windowClass: 'fs-login-modal', 
       controller: ['$scope', function ($scope) { 
        $scope.dismiss = function() { 
         $scope.$dismiss(); 
        }; 
       }] 
      }).result.then(function (result) { 
       if (result) { 
        return $state.transitionTo("/"); 
       } 
      }); 
     } 
    }); 

我的CSS類的設置如下： 登錄模態{ 寬度：270px; }

最好的問候， 陳

Answer 1

如果沒記錯的話，加負利潤率左寬度的一半。

.login-modal { 
    width:270px; 
    margin-left: -135px; 
} 

我記得那是一個比較複雜一點，可能處理一個.modal-內部類什麼的，但這應該讓你在正確的軌道上。