在mobileangularui中更改@media屏幕大小

Question

我只是在PhoneGap ， Angular JS和mobileangularui中啟動一個項目。

我知道mobileangularui使用引導CSS並具有用Angular JS編寫的組件。 我正在測試項目中的引導程序響應式網格。

引導程序中為斷點定義的默認屏幕尺寸為：

• xs：480px以上。
• sm：768像素及以上。
• md：992px以上。
• lg：1280px以上。

我想將這些更改為自定義值。 如果我使用引導程序（沒有mobileangularui），那么我將在此處自定義值並下載CSS。 但是，如何在mobileangularui中進行這些更改？

Answer 1

在<project-directory>\\bower_components\\bootstrap\\less打開variables.less 。

編輯以下變量值：

@screen-xs:                  480px;
@screen-sm:                  768px;
@screen-md:                  992px;
@screen-lg:                  1200px;

@container-tablet:             (720px + @grid-gutter-width);
@container-desktop:            (940px + @grid-gutter-width);
@container-large-desktop:      (1140px + @grid-gutter-width);

再次運行gulp build 。

這將用新的屏幕尺寸值覆蓋項目中的app.min.css，響應.min.css。