随笔分类 - BS网页开发
摘要：简介： 弹出框是一个经常使用的组件，一般用于弹出提示信息，确认信息，表单内容。 完整结构分析（可以没有头部和底部）： 代码示例： ※ 当需要为某个元素设置弹出框时，为该元素设置 data-toggle="modal"（激活模态框属性），data-target="#about"（用于指向被控制的模态框
阅读全文
摘要：简介： 标签页是一个经常使用的组件，可以放置较多的内容，又可以节省页面空间。 代码示例： 无需写任何javascript代码，只需简单的为页面元素指定 data-toggle="tab" 为ul添加 nav 和 nav-tabs class 用法： 通过 JavaScript 启用 tabbable
阅读全文
摘要：插件简介： 一个幻灯片组件，用于循环元素，比如旋转木马。目前不支持嵌套 代码： ※ 注：当我们不确定背景（background）需不需要设置一些其他的属性时，比如img等，最好通过background-color来设置背景色 需要初始化的活动元素： .active类需要添加到其中一个幻灯片。 否则，
阅读全文
摘要：功能简介： 用于显示链接列表的可切换、有上下文的菜单。下拉菜单的 JavaScript 插件让它具有了交互性。 注意：可以仅仅通过data属性API就可以使用Bootstrap的所有组件，无需写一行javascript代码。这是Bootstrap中的一等API，也应该是个人的首选方式。 实例： 实例
阅读全文
摘要：实例： 1 <!-- navbar 代表导航条|navbar-default 代表导航条默认样式 --> 2 <nav class="navbar navbar-default"> 3 <!-- container-fluid 自适应浏览器大小布局|container 居中的固定宽度的布局 -->
阅读全文
摘要：相关课程搜索： 要点复习： BS下载模板解析： 1、下载dist（即生产环境版本，此处为3.3.7版本），文件目录如下： 其他辅助js文件： 2、创建html文件，并修改相应的引用路径 3、删除无用注释，记得到简约BS模板 MARK~
阅读全文
摘要：本文从页面布局的角度来出发，快速构建出整体布局样式： 1、导航条 MARK~
阅读全文
摘要：参考视频：https://www.imooc.com/video/3344 （建议有基础的2.0X速看） Bootstrap是Twitter推出的一个开源的用于前端开发的工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。 ※注：B
阅读全文
