26-10-2022 15:29:15


Quy tắc khá lằng nhằng, với

d-block = display block
d-none = display none
xs = verry small
sm = small
md = medium
lg = large
xl = extra large

4-5-2024 10:40:50
 Card-columns hiển thị 2 cột trên mobile

@media(max-width: 576px) {
.card-columns {
column-count: 2;
}
}
---
Cây sẽ cho lộc và cây sẽ cho hoa ...

4-5-2024 11:44:50
 Since Bootstrap V4 the hidden-X classes have been removed. In order to hide a column based on the column width use d-none d-X-block. Basically you simply turn off the display of the size you wish to hide then set the display of the bigger size.

Hidden on all .d-none
Hidden on xs .d-none .d-sm-block
Hidden on sm .d-sm-none .d-md-block
Hidden on md .d-md-none .d-lg-block
Hidden on lg .d-lg-none .d-xl-block
Hidden on xl .d-xl-none
---
Cây sẽ cho lộc và cây sẽ cho hoa ...

17-5-2024 12:0:47
 https://jsfiddle.net/Uf3Nb/1/

lập trình JS tự động cuộn trang

var incrementScroll = function() {
window.scrollBy(0, 3) ;
}

var scrollLoopId;
var startScrollLoop = function() {
scrollLoopId = setInterval( incrementScroll, 100) ;
}

var stopScrollLoop = function() {
clearInterval( scrollLoopId ) ;
}
---
Cây sẽ cho lộc và cây sẽ cho hoa ...