BootStrap
坤少的IT之路
小白之路,全栈之路刚刚开始,这是一条不归路,加油!
展开
-
Bootstrap -- API学习(一)
虽然还没有毕业,但是写后台也有将近一年了。虽然不是很好,但是每次看到前端那美丽炫彩的页面,都会被深深的吸引,并且充满羡慕的感觉。今天我也要正式的进入这个世界,大家一起加油吧 ~(有前端大佬的,可以给我一点学习建议和干货那就再好不过了,小弟先再次谢过) 注意:我这里的文章知识供自己参考的哦,概念很少,大神勿喷一、HTML模板<!DOCTYPE html&g...原创 2019-04-01 14:07:46 · 2883 阅读 · 0 评论 -
BootStrap -- API学习(二)
大标题:h1~h6 <h1>Hello World</h1> 小标题:<small></small> <h1>Hello World<small>Hello World</small></h1> 段落:<p></p> <p>这就...原创 2019-04-01 16:01:53 · 222 阅读 · 0 评论 -
BootStrap -- API学习(三)
**************************第三章 表单*******************************表单:文本输入框 下拉框 单选框 复选框 文本域 按钮水平表单:class="form-horizontal"内联表单:class="form-inline" (联想内联列表)表单控件: 输入框input <f...原创 2019-04-02 08:24:10 · 152 阅读 · 0 评论 -
BootStrap -- API学习(四)
******************************第四章 网格系统*****************************网格容器:container 和 row <div class="container"> <div class="row"> </div> <...原创 2019-04-02 09:05:13 · 251 阅读 · 0 评论 -
BootStrap -- API学习(五)
*****************************菜单、按钮及导航****************************下拉菜单:下面的元素一个都不能少,少一个都没有下拉效果。 <div class="dropdown"> <button class="btn btn-default dropdown-toggle" type="button" id...原创 2019-04-02 11:57:58 · 513 阅读 · 0 评论 -
BootStrap -- API学习(六)
*******************************第六章 导航条和分页导航*********************************导航条与导航的区别(navbar 和 nav) 上一张我们讲到导航nav,其实导航条就是将导航和表单将进行结合 <div class="navbar navbar-default" role="navigation">...原创 2019-04-02 14:06:23 · 270 阅读 · 0 评论 -
BootStrap -- API学习(七)
*******************************第七章 其他内置组件*********************************一、缩略图 1.使用thumbnail作为缩略图的容器 <a href="#" class="thumbnail"> <img alt="100%x180" src="http://i...原创 2019-04-02 16:05:38 · 296 阅读 · 0 评论 -
BootStrap -- API学习(八) 最终
*******************************第八章 支持的Javascript插件*********************************1.弹出模态窗口 modal modal-dialog 对话框 modal-content 模块内容 modal-header 头部 modal-body 内容 modal-foote...原创 2019-04-02 16:50:11 · 172 阅读 · 0 评论 -
BootStrap -- API学习 - JS插件最终
*****************************JS 插件的使用,为了方便自己以后使用**************************一、选项卡选项卡切换 <ul id="myTab" class="nav nav-tabs" role="tablist"> <li class="active"><a href="#bulle...原创 2019-04-03 09:44:14 · 221 阅读 · 0 评论