發(fā)布日期: 2024-02-21 | 來源: 智軟設(shè)計工作室
/* container */
*{ margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.container{ position: relative; margin-right: auto; margin-left: auto;}
.row{ position: relative; margin: 0; padding: 0;}
.container:before,.container:after,.row:before,.row:after,.clearfix:before, .clearfix:after{ display: table; content: " "; clear: both;}
/* media */
.col-pd,.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px}.col-xs-1,.col-xs-10,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-wide-1,.col-xs-wide-10,.col-xs-wide-15,.col-xs-wide-2,.col-xs-wide-25,.col-xs-wide-3,.col-xs-wide-35,.col-xs-wide-4,.col-xs-wide-45,.col-xs-wide-5,.col-xs-wide-55,.col-xs-wide-6,.col-xs-wide-65,.col-xs-wide-7,.col-xs-wide-75,.col-xs-wide-8,.col-xs-wide-85,.col-xs-wide-9,.col-xs-wide-95{float:left}.col-xs-10{width:10%}.col-xs-9{width:11.1111111%}.col-xs-8{width:12.5%}.col-xs-7{width:14.2857143%}.col-xs-6{width:16.6666667%}.col-xs-5{width:20%}.col-xs-4{width:25%}.col-xs-3{width:33.3333333%}.col-xs-2{width:50%}.col-xs-1{width:100%}.col-xs-wide-10{width:10%}.col-xs-wide-9{width:90%}.col-xs-wide-8{width:80%}.col-xs-wide-7{width:70%}.col-xs-wide-6{width:60%}.col-xs-wide-5{width:50%}.col-xs-wide-4{width:40%}.col-xs-wide-3{width:30%}.col-xs-wide-2{width:20%}.col-xs-wide-15{width:15%}.col-xs-wide-95{width:95%}.col-xs-wide-85{width:85%}.col-xs-wide-75{width:75%}.col-xs-wide-65{width:65%}.col-xs-wide-55{width:55%}.col-xs-wide-45{width:45%}.col-xs-wide-35{width:35%}.col-xs-wide-25{width:25%}.img-xs-300{ width: 300px;}.img-xs-220{ width: 220px;}.img-xs-190{ width: 190px;}.img-xs-160{ width: 160px;}.img-xs-150{ width: 150px;}.img-xs-140{ width: 140px;}.img-xs-130{ width: 130px;}.img-xs-120{ width: 120px;}.img-xs-110{ width: 110px;}.img-xs-100{ width: 100px;}.img-xs-90{ width: 90px;}.img-xs-80{ width: 80px;}.img-xs-70{ width: 70px;}
@media (min-width: 768px){
.col-sm-1,.col-sm-10,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-wide-1,.col-sm-wide-10,.col-sm-wide-15,.col-sm-wide-2,.col-sm-wide-25,.col-sm-wide-3,.col-sm-wide-35,.col-sm-wide-4,.col-sm-wide-45,.col-sm-wide-5,.col-sm-wide-55,.col-sm-wide-6,.col-sm-wide-65,.col-sm-wide-7,.col-sm-wide-75,.col-sm-wide-8,.col-sm-wide-85,.col-sm-wide-9,.col-sm-wide-95{float:left}.col-sm-10{width:10%}.col-sm-9{width:11.1111111%}.col-sm-8{width:12.5%}.col-sm-7{width:14.2857143%}.col-sm-6{width:16.6666667%}.col-sm-5{width:20%}.col-sm-4{width:25%}.col-sm-3{width:33.3333333%}.col-sm-2{width:50%}.col-sm-1{width:100%}.col-sm-wide-10{width:10%}.col-sm-wide-9{width:90%}.col-sm-wide-8{width:80%}.col-sm-wide-7{width:70%}.col-sm-wide-6{width:60%}.col-sm-wide-5{width:50%}.col-sm-wide-4{width:40%}.col-sm-wide-3{width:30%}.col-sm-wide-2{width:20%}.col-sm-wide-15{width:15%}.col-sm-wide-95{width:95%}.col-sm-wide-85{width:85%}.col-sm-wide-75{width:75%}.col-sm-wide-65{width:65%}.col-sm-wide-55{width:55%}.col-sm-wide-45{width:45%}.col-sm-wide-35{width:35%}.col-sm-wide-25{width:25%}.img-sm-300{ width: 300px;}.img-sm-220{ width: 220px;}.img-sm-190{ width: 190px;}.img-sm-160{ width: 160px;}.img-sm-150{ width: 150px;}.img-sm-140{ width: 140px;}.img-sm-130{ width: 130px;}.img-sm-120{ width: 120px;}.img-sm-110{ width: 110px;}.img-sm-100{ width: 100px;}.img-sm-90{ width: 90px;}.img-sm-80{ width: 80px;}.img-sm-70{ width: 70px;}
}
@media (min-width: 1024px){
.col-md-1,.col-md-10,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-wide-1,.col-md-wide-10,.col-md-wide-15,.col-md-wide-2,.col-md-wide-25,.col-md-wide-3,.col-md-wide-35,.col-md-wide-4,.col-md-wide-45,.col-md-wide-5,.col-md-wide-55,.col-md-wide-6,.col-md-wide-65,.col-md-wide-7,.col-md-wide-75,.col-md-wide-8,.col-md-wide-85,.col-md-wide-9,.col-md-wide-95{float:left}.col-md-10{width:10%}.col-md-9{width:11.1111111%}.col-md-8{width:12.5%}.col-md-7{width:14.2857143%}.col-md-6{width:16.6666667%}.col-md-5{width:20%}.col-md-4{width:25%}.col-md-3{width:33.3333333%}.col-md-2{width:50%}.col-md-1{width:100%}.col-md-wide-10{width:10%}.col-md-wide-9{width:90%}.col-md-wide-8{width:80%}.col-md-wide-7{width:70%}.col-md-wide-6{width:60%}.col-md-wide-5{width:50%}.col-md-wide-4{width:40%}.col-md-wide-3{width:30%}.col-md-wide-2{width:20%}.col-md-wide-15{width:15%}.col-md-wide-95{width:95%}.col-md-wide-85{width:85%}.col-md-wide-75{width:75%}.col-md-wide-65{width:65%}.col-md-wide-55{width:55%}.col-md-wide-45{width:45%}.col-md-wide-35{width:35%}.col-md-wide-25{width:25%}.img-md-300{ width: 300px;}.img-md-220{ width: 220px;}.img-md-190{ width: 190px;}.img-md-160{ width: 160px;}.img-md-150{ width: 150px;}.img-md-140{ width: 140px;}.img-md-130{ width: 130px;}.img-md-120{ width: 120px;}.img-md-110{ width: 110px;}.img-md-100{ width: 100px;}.img-md-90{ width: 90px;}.img-md-80{ width: 80px;}.img-md-70{ width: 70px;}
}
@media (min-width: 1366px){
.visible-lg { display: block !important;}
.hidden-lg {display: none !important;}
.visible-inline-lg { display: inline-block !important;}
.visible-text-lg { visibility: visible !important;}
.hidden-text-lg {visibility: hidden !important;}
.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-wide-1,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-2,.col-lg-wide-25,.col-lg-wide-3,.col-lg-wide-35,.col-lg-wide-4,.col-lg-wide-45,.col-lg-wide-5,.col-lg-wide-55,.col-lg-wide-6,.col-lg-wide-65,.col-lg-wide-7,.col-lg-wide-75,.col-lg-wide-8,.col-lg-wide-85,.col-lg-wide-9,.col-lg-wide-95{float:left}.col-lg-10{width:10%}.col-lg-9{width:11.1111111%}.col-lg-8{width:12.5%}.col-lg-7{width:14.2857143%}.col-lg-6{width:16.6666667%}.col-lg-5{width:20%}.col-lg-4{width:25%}.col-lg-3{width:33.3333333%}.col-lg-2{width:50%}.col-lg-1{width:100%}.col-lg-wide-10{width:10%}.col-lg-wide-9{width:90%}.col-lg-wide-8{width:80%}.col-lg-wide-7{width:70%}.col-lg-wide-6{width:60%}.col-lg-wide-5{width:50%}.col-lg-wide-4{width:40%}.col-lg-wide-3{width:30%}.col-lg-wide-2{width:20%}.col-lg-wide-15{width:15%}.col-lg-wide-95{width:95%}.col-lg-wide-85{width:85%}.col-lg-wide-75{width:75%}.col-lg-wide-65{width:65%}.col-lg-wide-55{width:55%}.col-lg-wide-45{width:45%}.col-lg-wide-35{width:35%}.col-lg-wide-25{width:25%}.img-lg-300{ width: 300px;}.img-lg-220{ width: 220px;}.img-lg-190{ width: 190px;}.img-lg-160{ width: 160px;}.img-lg-150{ width: 150px;}.img-lg-140{ width: 140px;}.img-lg-130{ width: 130px;}.img-lg-120{ width: 120px;}.img-lg-110{ width: 110px;}.img-lg-100{ width: 100px;}.img-lg-90{ width: 90px;}.img-lg-80{ width: 80px;}.img-lg-70{ width: 70px;}
}
@media (min-width: 1440px){
.visible-lg { display: block !important;}
.hidden-lg {display: none !important;}
.visible-inline-lg { display: inline-block !important;}
.visible-text-lg { visibility: visible !important;}
.hidden-text-lg {visibility: hidden !important;}
.col-lg-1,.col-lg-10,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-wide-1,.col-lg-wide-10,.col-lg-wide-15,.col-lg-wide-2,.col-lg-wide-25,.col-lg-wide-3,.col-lg-wide-35,.col-lg-wide-4,.col-lg-wide-45,.col-lg-wide-5,.col-lg-wide-55,.col-lg-wide-6,.col-lg-wide-65,.col-lg-wide-7,.col-lg-wide-75,.col-lg-wide-8,.col-lg-wide-85,.col-lg-wide-9,.col-lg-wide-95{float:left}.col-lg-10{width:10%}.col-lg-9{width:11.1111111%}.col-lg-8{width:12.5%}.col-lg-7{width:14.2857143%}.col-lg-6{width:16.6666667%}.col-lg-5{width:20%}.col-lg-4{width:25%}.col-lg-3{width:33.3333333%}.col-lg-2{width:50%}.col-lg-1{width:100%}.col-lg-wide-10{width:10%}.col-lg-wide-9{width:90%}.col-lg-wide-8{width:80%}.col-lg-wide-7{width:70%}.col-lg-wide-6{width:60%}.col-lg-wide-5{width:50%}.col-lg-wide-4{width:40%}.col-lg-wide-3{width:30%}.col-lg-wide-2{width:20%}.col-lg-wide-15{width:15%}.col-lg-wide-95{width:95%}.col-lg-wide-85{width:85%}.col-lg-wide-75{width:75%}.col-lg-wide-65{width:65%}.col-lg-wide-55{width:55%}.col-lg-wide-45{width:45%}.col-lg-wide-35{width:35%}.col-lg-wide-25{width:25%}.img-lg-300{ width: 300px;}.img-lg-220{ width: 220px;}.img-lg-190{ width: 190px;}.img-lg-160{ width: 160px;}.img-lg-150{ width: 150px;}.img-lg-140{ width: 140px;}.img-lg-130{ width: 130px;}.img-lg-120{ width: 120px;}.img-lg-110{ width: 110px;}.img-lg-100{ width: 100px;}.img-lg-90{ width: 90px;}.img-lg-80{ width: 80px;}.img-lg-70{ width: 70px;}
}
@media (min-width: 1600px){
.visible-lg { display: block !important;}
.hidden-lg {display: none !important;}
.visible-inline-lg { display: inline-block !important;}
.visible-text-lg { visibility: visible !important;}
.hidden-text-lg {visibility: hidden !important;}
}
@media (max-width: 1199px) and (min-width: 1023px){
.visible-md { display: block !important;}
.hidden-md { display: none!important;}
.visible-inline-md { display: inline-block !important;}
.visible-text-md { visibility: visible !important;}
.hidden-text-md { visibility: hidden !important;}
}
@media (max-width: 1023px) and (min-width: 767px){
.visible-sm { display: block !important;}
.hidden-sm { display: none !important;}
.visible-inline-sm { display: inline-block !important;}
.visible-text-sm { visibility: visible !important;}
.hidden-text-sm { visibility: hidden !important;}
}
@media (max-width: 767px){
.visible-xs { display: block !important;}
.hidden-xs {display: none!important;}
.visible-inline-xs { display: inline-block !important;}
.visible-text-xs { visibility: visible !important;}
.hidden-text-xs {visibility: hidden !important;}
/* all */
body{ font-size: 12px; line-height: 20px;}
/* text */
h1{ font-size:24px;}
h2{ font-size:20px;}
h3{ font-size:18px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
}使用方法:col-lg-8 col-md-6 col-sm-4 col-xs-3
代表超大屏幕顯示8列 中大屏幕顯示6列 小屏幕4列 手機(jī)端3列,
2021-10-18
{pboot:nav parent=6}<a href="[nav:link]">[nav:name]</a>{pboot:list scode=*}<a href= "[list:link]">[list:title]</a>{/pboot:list}{/pboot:nav}
閱讀更多2021-12-14
最新7.0video.js響應(yīng)式設(shè)置,配置和設(shè)置語言為繁體,先導(dǎo)入相應(yīng)js和css <link href="/videojs/video-js.min.css" rel="stylesheet"> <script src="/videojs/video.min.js"></script> <script src="/videojs/lang/zh-TW.js"&g
閱讀更多2024-03-22
pbootcms 新版本中,加入了一個 url不允許帶其他參數(shù),這個也是為了安全,可以大大減少注入風(fēng)險,一但訪客加入了其他?參數(shù) ,就會出現(xiàn)404頁面,那我們怎么取消后綴參數(shù)過濾安全功能了,有寫客戶網(wǎng)站可能要推廣什么的,推廣公司可能需要帶這些參數(shù)來統(tǒng)計報告,下面我說下怎么解決。打開:/apps/home/controller/IndexControl
閱讀更多2021-11-24
網(wǎng)站安全 pbootcms修改apps目錄 更安全 ,建議不經(jīng)常更新的用戶。修改。如果要升級在改回來。打開 /core/init.php// 定義應(yīng)用存放物理路徑define('APP_PATH', ROOT_PATH . '/apps');修改成復(fù)雜點(diǎn)的。改完后apps目錄也要相應(yīng)改下。
閱讀更多2023-06-12
欄目URL名稱自定義功能還是挺常用的。但是發(fā)現(xiàn)客戶要去有下劃線,但是pbootcms不支持。下面是修改方法,解決辦法:找到ContentSortController.php修改二處。一個是新增和修改,//官方正則不支持下橫杠//if
閱讀更多2022-07-19
(該方法有效禁止F12,強(qiáng)行打開會重定向到自己定義的頁面去,可以直接引入js,或者你下載放自己服務(wù)器上)<scriptsrc="https://www.lcean.cf/js/console-ban.min.js"></script>//引用方法<script>//default&nb
閱讀更多2024-03-14
<?php//啟動會話session_start();//初始化購物車if(!isset($_SESSION['cart'])){$_SESSION['cart']=array();}//判斷產(chǎn)品是否已經(jīng)在購物車中functionisProductInCart($product_id){
閱讀更多2024-08-19
修改文件/apps/home/controller/ExtLabelController.php1,找到代碼$this->test();在下方添加代碼$this->ismobile();2,新增ismobile()函數(shù)//判斷是否移動端設(shè)備privatefunctionismobile(){&nbs
閱讀更多2023-04-17
今天試著用chatgpt寫的一個jquery效果,多行多列 logo圖片 透明度 無限閃動效果!一步一步寫需求,讓他實(shí)現(xiàn)了,這個還是很不錯??梢怨?jié)省很多時間,很厲害,估計會替代很多,初級程序員的工作了。。<style>.column{display: 
閱讀更多