Bootstrap前端开发框架（简介、版本、优点、使用、布局容器、栅格系统（栅格选项参数，列嵌套，列偏移，列排序，响应式工具））

最新推荐文章于 2024-08-18 21:06:49 发布

程序员shy

最新推荐文章于 2024-08-18 21:06:49 发布

阅读量252

点赞数

分类专栏：《移动端布局》第二站文章标签： bootstrap 前端 javascript

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/Junyi727/article/details/127528400

版权

《移动端布局》第二站专栏收录该内容

15 篇文章 1 订阅

订阅专栏

Bootstrap简介

中文官网：http://www.bootcss.com/

官网：http://getbootstrap.com/

推荐使用：http://bootstrap.css88.com/

优点

骨架结构在官网的入门》基本模块里有

布局容器

栅格系统

栅格选项参数

列嵌套

列偏移

实际上也是一种margin的方式，不过因为是响应式布局所以我们不知道是多少margin值，所以通过向右偏移的方式让浏览器自己算出来

列排序

要注意的是，左侧和右侧都要进行操作，不然只操作一边会造成遮盖

响应式工具

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Bootstrap前端开发框架（简介、版本、优点、使用、布局容器、栅格系统（栅格选项参数，列嵌套，列偏移，列排序，响应式工具））

Bootstrap前端开发框架（简介、版本、优点、使用、布局容器、栅格系统（栅格选项参数，列嵌套，列偏移，列排序，响应式工具））
复制链接

扫一扫

专栏目录

程序员shy CSDN认证博客专家 CSDN认证企业博客

码龄3年

190: 原创

13万+: 周排名

52万+: 总排名

10万+: 访问

: 等级

1986: 积分

1554: 粉丝

52: 获赞

30: 评论

205: 收藏

私信

关注

热门文章

分类专栏

最新评论

牛客小黑月赛37 I-加减
qq_47407537: #include<bits/stdc++.h> #define int long long using namespace std; const int nnu=1e5+10; const int mod=1e9+7; int arr[nnu],n,k; int f[nnu]; bool judge(int l,int r){ int mid; if((r-l)%2==1){ mid = arr[(l+r)>>1]+arr[((l+r)>>1)+1]>>1; }else mid=arr[(l+r)>>1]; int s=0; int m=l+r>>1; s+=mid*(m-l+1)-(f[m]-f[l-1]); s+=(f[r]-f[m])-(mid*(r-m)); return s<=k; } void solve(){ cin>>n>>k; for(int i=1;i<=n;i++)cin>>arr[i]; sort(arr+1,arr+n+1); for(int i=1;i<=n;i++)f[i]=f[i-1]+arr[i]; int ans=1; int l=1,r=1; while(1){ while(r!=n+1&&judge(l,r))r++; if(judge(l,r-1))ans=max(ans,r-l); if(r==n+1)break; l++; } l=n,r=n; while(l>=1&&judge(l,r))l--; ans=max(ans,r-l); cout<<ans; } signed main(void) { ios::sync_with_stdio(false);cin.tie(0),cout.tie(0); int t;t=1;while(t--)solve(); return 0; }
牛客小黑月赛37 I-加减
qq_47407537: #include<bits/stdc++.h> #define int long long using namespace std; const int nnu=1e5+10; const int mod=1e9+7; int arr[nnu],n,k; int f[nnu]; bool judge(int l,int r){ int mid; if((r-l)%2==1){ mid = arr[(l+r)>>1]+arr[((l+r)>>1)+1]>>1; }else mid=arr[(l+r)>>1]; int s=0; int m=l+r>>1; s+=mid*(m-l+1)-(f[m]-f[l-1]); s+=(f[r]-f[m])-(mid*(r-m)); return s<=k; } void solve(){ cin>>n>>k; for(int i=1;i<=n;i++)cin>>arr[i]; sort(arr+1,arr+n+1); for(int i=1;i<=n;i++)f[i]=f[i-1]+arr[i]; int ans=1; int l=1,r=1; while(1){ while(r!=n+1&&judge(l,r))r++; if(judge(l,r-1))ans=max(ans,r-l); if(r==n+1)break; l++; } l=n,r=n; while(l>=1&&judge(l,r))l--; ans=max(ans,r-l); cout<<ans; } signed main(void) { ios::sync_with_stdio(false);cin.tie(0),cout.tie(0); int t;t=1;while(t--)solve(); return 0; }
rem适配布局苏宁网移动端首页（less+rem+媒体查询）（技术选型，搭建相关文件夹结构，设置视口标签以及引入初始化样式，设置公共common.less文件，新建index.less文件）
拼命の努力！: 行高怎么隐藏了,加上高度有问题
二倍精灵图做法
m0_61544264: 有个问题，为什么盒子宽高是18*15，精灵图缩小2倍200px，却可以在这么小的盒子里显示出来呢？
vscode px转换rem插件 px to rem & rpx & vw (cssrem)
NuanXinWeiyI.: 为啥我用这个转换的值不准确啊

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

打赏作者

程序员shy 你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20

扫码支付：¥1

获取中

扫码支付

您的余额不足，请更换扫码支付或充值

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。