20 篇
Bootstrap5
bootstrap5 flex布局响应式
taotaoit 0 0
12 0 2021-09-19 Bootstrap5
bootstrap5中使用flex布局支持响应式 比如,pc版需要右对齐,手机版需要左对齐 那么就可以 <div class="d-flex justify-content-start justify-content-lg-end "> <div>123</di...
bootstrap5实现响应式边框
taotaoit 0 0
18 0 2021-09-19 Bootstrap5
有时候我们需要pc版有边框,手机版没边框, bootstrap5好像没有对应的响应式,可以自己写一个 css @media (min-width: 992px) { .border-lg-end{ border-right: 1px solid #dee2e6 !important; } .bord...
bootstrap5实现左右居中 .mx-auto
taotaoit 0 0
20 0 2021-09-15 Bootstrap5
bootstrap5实现左右居中 .mx-auto css: .mx-auto { margin-right: auto !important; margin-left: auto !important; } 响应式 .mx-sm-auto .mx-md-auto .mx-lg-auto .m...
bootstrap5文字截断,超出部分显示省略号,多行文字截断
taotaoit 0 0
32 0 2021-09-14 Bootstrap5
bootstrap5对于较长的内容,可以添加.text-truncate类别,以省略号截断文字。需为display: inline-block或是display: block。 <!-- Block level --> <div class="row"> <di...
bootstrap5 按钮大小
taotaoit 0 0
56 0 2021-09-02 Bootstrap5
bootstrap5 按钮大小 添加.btn-lg or .btn-sm设置按钮大小 <button type="button" class="btn btn-primary btn-lg">Large button</button> <button type="button" class="b...
bootstrap5 表单控件大小
taotaoit 0 0
55 0 2021-09-02 Bootstrap5
bootstrap5 表单控件大小 使用诸如.form-control-lg 和 .form-control-sm之类的类设置高度。 <input class="form-control form-control-lg" type="text" placeholder=".form-control-lg" aria-l...
bootstrap5 offcanvas-navbar手机滑动导航,左右滚动导航
taotaoit 0 0
65 0 2021-09-02 Bootstrap5
效果图 示例链接 https://taotaoit.com/demo/?url=other/other-119/index 直接上代码 <!doctype html> <html lang="en"> <head> <meta charset="utf...
bootstrap5 flex布局占据剩余空间flex-grow-1
taotaoit 0 0
54 0 2021-08-28 Bootstrap5
bootstrap5 flex布局占据剩余空间.flex-grow-1 .flex-grow-1{flex-grow:1!important} 参考:https://taotaoit.com/demo/bootstrap5/167.html
bootstrap5宽度100% .w-100高度100% .h-100
taotaoit 0 0
69 0 2021-08-28 Bootstrap5
bootstrap5宽度100% .w-100高度100% .h-100 /* 宽度 */ .w-25{width:25%!important} .w-50{width:50%!important} .w-75{width:75%!important} .w-100{width:100%!important} .w-auto{wi...
bootstrap5圆角按钮,胶囊按钮
taotaoit 0 0
63 0 2021-08-28 Bootstrap5
默认按钮自带圆角 .btn{border-radius:.25rem!important} .rounded{border-radius:.25rem!important} .rounded-0{border-radius:0!important} .rounded-1{border-radius:.2rem!imp...
bootstrap5 上下左右边框.border-top,.border-bottom,.border-start,.border-end
taotaoit 0 0
72 0 2021-08-26 Bootstrap5
bootstrap5 上下左右边框 <span class="border"></span>         <span class="border-top">上</span>         <...
bootstrap5 .img-fluid类让图片支持响应式布局,bootstrap3是.img-responsive
taotaoit 0 0
73 0 2021-08-26 Bootstrap5
bootstrap5 .img-fluid类让图片支持响应式布局,bootstrap3是.img-responsive bootstrap5,bootstrap4都是.img-fluid css样式 .img-fluid{max-width:100%;height:auto} bootstrap3 cs...
bootstrap5相对定位.position-relative绝对定位.position-absolute固定定位.position-fixed粘性定位.position-sticky
taotaoit 0 0
74 0 2021-08-23 Bootstrap5
bootstrap5相对定位.position-relative绝对定位.position-absolute固定定位.position-fixed粘性定位.position-sticky css样式 .position-static { position: static !important; } .position-...
bootstrap5 内容左对齐.text-start 居中.text-center 右对齐.text-end
taotaoit 0 0
53 0 2021-08-23 Bootstrap5
bootstrap5 内容左对齐.text-start 居中.text-center 右对齐.text-end css样式 .text-start { text-align: left !important; } .text-end { text-align: right !important; } .text-...
bootstrap5独立的分页css .pagination
taotaoit 0 0
73 0 2021-08-21 Bootstrap5
css /* 分页 */ .fy{padding: 1rem 0;} .pagination { display: flex; padding-left: 0; list-style: none; justify-content: center; } .page-link { position: relative...
bootstrap5 .float-start .float-end .float-none和bootstrap4 .float-left .float-right
taotaoit 0 0
100 0 2021-08-04 Bootstrap5
css样式 bootstrap5 .float-start{float:left!important} .float-end{float:right!important} .float-none{float:none!important} bootstrap4 .float-left{float:left!imp...
关于本站

本人承接php网站维护,病毒查杀,网站编辑,网站改版,html制作

有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339

1695915 1607 17
最新评论
报错 in promise) MiniProgramError {"errMsg":"removeTabBarBadge:fail not TabBar page"} Object
评 人人商城小程序昵称变成了“微信用户”头像也不显示?getUserInfo换成getUserProfile
按照这个修改后报错: ReferenceError: n is not defined at success (index.js? [sm]:3) at Function.forEach.u.<computed> (VM10210 WAService.js:2) at :55237/appservice/<api login success callback function> at Object.success (VM10210 WAService.js:2) at r (VM10210 WAService.js:2) at VM10210 WAService.js:2 at w (VM10210 WAService.js:2) at VM10210 WAService.js:2 at VM15 asdebug.js:1 at I (VM15 asdebug.js:1)(env: Windows,mp,1.05.2105170; lib: 2.17.0)
评 人人商城小程序昵称变成了“微信用户”头像也不显示?getUserInfo换成getUserProfile
asfdsafasdf
评 ;!function(){}();
:kaixin:
评 thinkphp 3.2.3 Runtime\Logs日志文件太多怎么关闭日志功能
其他浏览器呢
评 对服务器的请求已遭到某个扩展程序的阻止
文章标签更多
ThinkPHP (163)
Mysql (35)
DedeCms (33)
jQuery (41)
证件照 (1)
setInc (3)
setDec (3)
onclick (4)