随笔分类 -  Bootstrap

如何使用Bootstrap自带图标
摘要：查看可用的字体图标列表： http://www.runoob.com/try/demo_source/bootstrap3-glyph-icons.htm 第一步：下载Bootstrap，发现目录中包含 第二步：只需要简单地使用下面的代码即可 如需改变大小可以用font-size ，就跟设置字体是一 阅读全文
posted @ 2017-06-29 15:59 tinyphp 阅读(20574) 评论(0) 推荐(1) 编辑
Bootstrap弹出框
摘要：弹出框3要素modal-headermodal-bodymodal-footer点我弹出 × Close ... 阅读全文
posted @ 2015-09-12 22:53 tinyphp 阅读(436) 评论(0) 推荐(0) 编辑
Bootstrap标签Tabs
摘要：Tab1 Tab2 tab1内容 tab2内容 指定某个tab打开，可以加jquery：详情：http://v3.b... 阅读全文
posted @ 2015-09-12 22:04 tinyphp 阅读(445) 评论(0) 推荐(0) 编辑
Bootstrap响应式布局
摘要：Bootstrap响应式布局可以使用栅格化系统，其实就是不同的列组合，配合起来便能组合出强大的功能，系统会自动分为最多12列，超出12列会作为一个整体另起一行，像制作表格table的合并列，功能跟colspan类似。 使用方法： 1、包含在.container或.container-fluid中 < 阅读全文
posted @ 2015-09-12 20:27 tinyphp 阅读(1018) 评论(0) 推荐(0) 编辑
Bootstrap幻灯片
摘要：Bootstrap幻灯片的制作利用到了Carousel插件，包含：左右箭头、图片、点点导航 图片1描述-可选 ... 阅读全文
posted @ 2015-09-12 19:37 tinyphp 阅读(2869) 评论(0) 推荐(0) 编辑
Bootstrap响应式折叠导航
摘要：浏览器宽度缩小到一定值时，导航显示为 <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> <div class="container"> <!--折叠显示图标--> <div class="navbar-hea 阅读全文
posted @ 2015-09-12 16:00 tinyphp 阅读(2182) 评论(0) 推荐(0) 编辑
基本的Bootstrap模板
摘要：Bootstrap Hello, world!收到1、HTML52、meta -viewport3、css4、js 阅读全文
posted @ 2015-09-12 09:53 tinyphp 阅读(484) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示

喜欢请打赏

扫描二维码打赏

了解更多