File tree Expand file tree Collapse file tree 4 files changed +5
-62
lines changed
Expand file tree Collapse file tree 4 files changed +5
-62
lines changed Original file line number Diff line number Diff line change 1010 < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
1111 < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
1212
13- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css ">
14- < link rel ="stylesheet " href ="../../../dist/gridstack.css " />
13+ < link rel ="stylesheet " href ="../../../demo/demo.css "/>
1514
1615 < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js "> </ script >
17- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js "> </ script >
1816 < script src ="../../../src/jquery-ui.min.js "> </ script >
1917 < script src ="../../../src/gridstack.js "> </ script >
2018 < script src ="../../../src/gridstack.jQueryUI.js "> </ script >
2119
2220 < style type ="text/css ">
23- .grid-stack {
24- margin-top : 10px ;
25- background : lightgoldenrodyellow;
26- }
27-
28- .grid-stack-item-content {
29- color : # 2c3e50 ;
30- text-align : center;
31- background-color : # 18bc9c ;
32- }
33-
3421 .upper .grid-stack-item-content {
3522 background : blue;
3623 }
3724 </ style >
3825</ head >
3926
4027< body >
28+ < br >
4129 < div class ="grid-stack ">
4230 < div class ="grid-stack-item upper " data-gs-width ="2 " data-gs-height ="2 " data-gs-id ="1 ">
4331 < div class ="grid-stack-item-content "> item 1</ div >
Original file line number Diff line number Diff line change 66 < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
77 < title > Many columns demo</ title >
88
9- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css ">
10- < link rel ="stylesheet " href ="../../../dist/gridstack.css "/>
9+ < link rel ="stylesheet " href ="../../../demo/demo.css "/>
1110 < link rel ="stylesheet " href ="810-many-columns.css "/>
1211
1312 < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js "> </ script >
14- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js "> </ script >
1513 < script src ="../../../src/jquery-ui.min.js "> </ script >
1614 < script src ="../../../src/gridstack.js "> </ script >
1715 < script src ="../../../src/gridstack.jQueryUI.js "> </ script >
18-
19- < style type ="text/css ">
20- .grid-stack {
21- background : lightgoldenrodyellow;
22- }
23-
24- .grid-stack-item-content {
25- color : # 2c3e50 ;
26- text-align : center;
27- background-color : # 18bc9c ;
28- }
29- </ style >
3016</ head >
3117< body >
3218 < div class ="container-fluid ">
Original file line number Diff line number Diff line change 66 < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
77 < title > Column grid demo</ title >
88
9- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css ">
10- < link rel ="stylesheet " href ="../../../dist/gridstack.css "/>
9+ < link rel ="stylesheet " href ="../../../demo/demo.css "/>
1110 < link rel ="stylesheet " href ="../../../dist/gridstack-extra.css "/>
1211
1312 < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js "> </ script >
14- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js "> </ script >
1513 < script src ="../../../src/jquery-ui.min.js "> </ script >
1614 < script src ="../../../src/gridstack.js "> </ script >
1715 < script src ="../../../src/gridstack.jQueryUI.js "> </ script >
18-
19- < style type ="text/css ">
20- .grid-stack {
21- background : lightgoldenrodyellow;
22- }
23-
24- .grid-stack-item-content {
25- color : # 2c3e50 ;
26- text-align : center;
27- background-color : # 18bc9c ;
28- }
29- </ style >
3016</ head >
3117< body >
3218 < div class ="container-fluid ">
Original file line number Diff line number Diff line change 66 < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
77 < title > gridstack.js tests</ title >
88
9- < link rel ="stylesheet " href ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css ">
10- < link rel ="stylesheet " href ="../../../dist/gridstack.css "/>
9+ < link rel ="stylesheet " href ="../../../demo/demo.css "/>
1110
1211 < script src ="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js "> </ script >
13- < script src ="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js "> </ script >
1412 < script src ="../../../src/jquery-ui.min.js "> </ script >
1513 < script src ="../../../dist/gridstack.js "> </ script >
1614 < script src ="../../../dist/gridstack.jQueryUI.js "> </ script >
17-
18- < style type ="text/css ">
19- .grid-stack {
20- background : lightgoldenrodyellow;
21- }
22-
23- .grid-stack-item-content {
24- color : # 2c3e50 ;
25- text-align : center;
26- background-color : # 18bc9c ;
27- }
28- </ style >
2915</ head >
3016< body >
3117 < div class ="container-fluid ">
3218 < h1 > gridstack.js tests</ h1 >
33-
3419 < br />
35-
3620 < div class ="grid-stack " id ="grid ">
3721 </ div >
3822 </ div >
3923
40-
4124 < script type ="text/javascript ">
4225 $ ( function ( ) {
4326 var options = {
You can’t perform that action at this time.
0 commit comments