bootstrap dashboard 

*** 27 Best Free Bootstrap Admin Templates 2021 
 -> https://athemes.com/collections/free-bootstrap-admin-templates/

 
1. https://designrevision.com/downloads/shards-dashboard-lite/

2. https://demos.creative-tim.com/light-bootstrap-dashboard/examples/dashboard.html

3. https://webthemez.com/demo/brilliant-free-bootstrap-admin-template/index.html

4. https://demos.wrappixel.com/free-admin-templates/bootstrap/matrix-bootstrap-free/html/index.html

5. https://p.w3layouts.com/demos/28-03-2016/shoppy/web/index.html#

6. https://webthemez.com/demo/target-free-responsive-bootstrap-admin-template/ui-elements.html

  
7. https://demos.wrappixel.com/premium-admin-templates/bootstrap/monster-bootstrap/package/html/horizontal/index4.html
   : 메뉴 상단 

8. https://p.w3layouts.com/demos/july-2016/22-07-2016/colored_admin_panel/web/charts.html
   : 작은 좌측메뉴, 컬러풀한 차트

Modal

Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.

https://getbootstrap.com/docs/4.0/components/modal/

.https://dgkim5360.tistory.com/entry/Bootstrap-modal-custom-size-and-location

AdminLTE에서 print시 모바일 기본인 것을 PC버전으로 출력하고 싶을때.  미디어쿼리 사용하자. 

CSS3 Media Queries

기존 css에 media=screen 으로 지정하고, print에도 동일한 스타일 적용할꺼면  media="screen,print" 로 지정

<link href="css/AdminLTE.css" rel="stylesheet" type="text/css" media="screen" />


<!-- print -->
 <link href="css/print.css" rel="stylesheet" type="text/css" media="print"/>

print.css에 있으면 인쇄시 적용된다. 

 @media print { 
 }

그래서, 일단 모바일로 안나오게끔 인쇄할때에도 사용되는 col-lg-~~를 넣어주었다. 

/* Enhancement for printing */
 
@media print {   
    .col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%; 
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
    }

}

/* End of media print */

github.com/ColorlibHQ/AdminLTE/issues/199

Bootstrap - admin LTE

version 3 :adminlte.io/themes/dev/AdminLTE/index3.html

version 2 : adminlte.io/themes/AdminLTE/index2.html

Free themes for Bootstrap

bootswatch.com/