bootstrap
关注
分享
扫一扫
文章平均质量分 56
LimonSea
做喜欢的事
展开
-
Bootstrap CSS 表单、按钮和图片
一、表单样式 1.1 先放截图： 上图中第一行是内联表单（响应式），当窗口宽度小于780时，会变成酱： 主要包括的知识点： 内联表单： 必须加label才能使用input标签的class属性，不然会有错误 隐藏label的方法：class属性：sr-only 水平排列表单： 使用栅格系统显示表单 下面是代码： <!DOCTYPE html> <ht...原创 2018-10-31 18:31:07 · 695 阅读 · 0 评论 -
bootstrap栅格系统，代码嵌入，表格
一、栅格系统 栅格系统要注意，bootstrap最多包括12列，超出就会换行。还可以进行嵌套，代码中设置了透明度，是可叠加的，还是很好看的~以后要常用。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>栅格系统</title>原创 2018-10-27 17:06:25 · 1632 阅读 · 0 评论 -
Bootstrap组件之下拉菜单、按钮组、按钮式下拉菜单
字体图标的使用 出于性能的考虑，所有图标都需要一个基类和一个对应图标的类，中间需要加空格 不能与其他组件混合使用，不能在同一元素上与其他类共同存在，必须承载在span标签中 下拉菜单： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>下拉菜单&..原创 2018-11-03 18:36:36 · 634 阅读 · 0 评论 -
使用引入react文件的方式 使用bootstrap模板 构建react订餐网站项目单个页面入门教程
这个是我react的入门项目, 因为使用了bootstrap模板, 若使用create-react-app 或者webpack等构建服务器项目就比较复杂, 所以本项目只使用了最简单的 在HTML页面引入react 的方式 构建项目. 教程使用的模板页面如下: 项目已传到git上，上链接~ 该链接默认会在原窗口打开，建议右键新窗口打开~ 第一步: 引入react. (为了避免忘记...原创 2019-07-01 10:42:22 · 1025 阅读 · 0 评论