作者:059586768803wsq | 来源:互联网 | 2020-08-07 23:25
任务没完成,继续来!因为刚才网不好,我辛辛苦苦打了洋洋洒洒一大堆都没了!我们今天主要是说一个简单的由Bootstrap和HTML5结合而成的小案例:首先:由标题可得知,这是移动端,所以需要这样一串代码:<metaname"viewport"content"widthdevice-width,initial-scale1">然后说Bootstrap拟态框,就还要有这
任务没完成,继续来!因为刚才网不好,我辛辛苦苦打了洋洋洒洒一大堆都没了!我们今天主要是说一个简单的由Bootstrap和HTML5结合而成的小案例:首先:由标题可得知,这是移动端,所以需要这样一串代码:
然后说Bootstrap拟态框,就还要有这样的插件:
然后,有点基础的都知道bootstrap,一定要和jquery一起使用,所以还要有jquery类库;
而且一定要放在bootstrap上边哦!各位亲们!
先来看一眼效果:有点丑!不要建议,因为是PC端敲得!我使用浏览器WEB响应格式看的效果,见谅,见谅!
效果就是这样!
插件都准备好了,咱们来敲代码吧!
先是CSS的:在这里小提示一下,我用的是谷歌浏览器,CSS3的样式有些低版本的浏览器是不兼容的,所以就比较麻烦!更过几天我在更有一篇关于兼容问题的!
CSS好了.
咱们下面在敲一下HTML:
HTML就是这样!
我这里面还有一个响应布局的代码!是把rem全都转化成px的:
好勒!这就是Bootstrap拟态框结合的支付宝首页!
【相关视频推荐:Bootstrap教程】
有什么不明白的,欢迎评论里提问哦!我看到会一一解答的!
以上就是Bootstrap拟态框+支付宝首页的详细内容,更多请关注 第一PHP社区 其它相关文章!