/* 全域性設定 reset.css normalize.css */
@import
"normalize";*
/* 清除浮動 */
.clearfix
}/* 變數宣告
1200
992768
*/// 螢幕的閾值
@screen-lg
: 1200px;
@screen-md
: 992px;
@screen-sm
: 768px;
// container 容器的寬度
@container-lg-width
: 1170px;
@container-md-width
: 970px;
@container-sm-width
: 750px;
// 列寬
@grid-gutter-width
: 30px;
// 總的列數
@grid-columns
: 12;
/* 實現 */
.mark-container()
// 中螢幕 container 的寬度
@media
(min-width
:@screen-md)
// 大螢幕 container 的寬度
@media
(min-width
:@screen-lg)
}// container-fluid 容器的實現
.container-fluid
// 混合
.container-common-style()
}.mark-container()
;// 2. 行的設定
.make-row()
}.make-row()
;// 3.列的實現
// 公共樣式 1,2,3,4,5,6,7,8,9,10,11,12 .col-xs-1 ... col-xs-12
.make-grid-columns()
, .col-sm-@
, .col-md-@
, .col-lg-@
"; .col
(@index+1, @selector);
} // 2 1
.col
(@index, @list
) when (
@index
<= @grid-columns)
,.col-xs-@
, .col-sm-@
, .col-md-@
, .col-lg-@
"; // 1,2 ==> 1,2,3
// 呼叫自己
.col
(@index+1, @selector);
} .col
(@index, @list
) when (
@index > @grid-columns)
} .col
(1);
}.make-grid-columns()
;// 超小螢幕的寬度設定 .col-xs-1
.col-xs-2
.make-column-width
(@type)
-@"; // col-xs-1
@%";}
// 遞迴呼叫
.col
(@index+1)
; }
.col
(1); // 1 ==> .col-xs-1
}.make-column-width
(xs)
;// 超小螢幕下的偏移設定
.make-column-offset
(@type)
-offset-@
"; // col-xs-1
@%";}
// 遞迴呼叫
.col
(@index+1)
; }
.col
(1); // 1 ==> .col-xs-1
}.make-column-offset
(xs)
;// **查詢階段 小螢幕的情況
@media
(min-width
:@screen-sm)
// **查詢階段 中螢幕的情況
@media
(min-width
:@screen-md)
// **查詢階段 大螢幕的情況
@media
(min-width
:@screen-lg
)
用less檢視日誌檔案
一般程式部署在linux環境，檢視日誌時，一般用less滿足大部分的需求。列舉 記錄最常用的場景，以tomcat日誌檔案catalna.out為例。less catalina.out 檢視檔案後，若檔案過大，打通過以下命令滾動檔案 j 下一行 k 上一行 f 向下滾動一螢幕 b 向上滾動一螢幕 g ...
Linux 用less檢視日誌檔案
一般程式部署在linux環境，檢視日誌時，一般用less滿足大部分的需求。列舉 記錄最常用的場景，以tomcat日誌檔案catalna.out為例。less catalina.out 檢視檔案後，若檔案過大，打通過以下命令滾動檔案 j 下一行 k 上一行 f 向下滾動一螢幕 b 向上滾動一螢幕 g ...
CentOS 用less檢視日誌檔案
一般程式部署在linux環境，檢視日誌時，一般用less滿足大部分的需求。列舉 記錄最常用的場景，以tomcat日誌檔案catalna.out為例。less catalina.out檢視檔案後，若檔案過大，打通過以下命令滾動檔案 j 下一行 k 上一行 f 向下滾動一螢幕 b 向上滾動一螢幕 g 定...