Bootstrap
Bootstrap
知北行
不积跬步,无以至千里,不积小流,无以成江海
展开
-
解决同时引入bootstrap样式与layui样式导致layui部分样式被覆盖的问题
问题1:网页整体布局用的是bootstrap3的样式,但同时使用了layui的数据表格来进行表格数据的展示,导致layui的表格中的按钮字体颜色被bootstrap的样式覆盖。错误样式如下图(操作栏的按钮图标):解决方法:方法1:layui.table回调覆盖在 layui 表格数据加载的回调方法中(table.render中的done()方法),通过 jquery类选择器,重新设置其字体颜色:$(".layui-table-col-special a").addClass("barColor原创 2020-09-06 18:47:18 · 5374 阅读 · 0 评论 -
html——简单文章发布html页面及富文本编辑器wangEditor的使用
实现结果截图:说明:1、主要组件使用了bootstrap4,富文本编辑器使用wangEditor,在使用前需要下载wangEditor的js文件,地址参考 wangEditor3使用手册2、所用图片就导航栏的两张,可以自己换成自己的,这里就不贴了。3、对于简单的文本编辑需求,wangEditor3使用简单,上手快,推荐使用。下面直接上代码:<!DOCTYPE ...原创 2020-04-22 22:26:53 · 7914 阅读 · 0 评论 -
html——bootstrap 的cdn引用
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></scrip...原创 2020-04-17 21:04:52 · 2427 阅读 · 0 评论 -
html——使用bootstrap的栅格布局,用row后出现横向滚动条
原因:row默认有:margin-left:-15px; margin-right:-15px解决办法:row所在div的外层需要包裹 container或者container-fluid(通常使用该类)的div,即在row外面创建一个类为container或者container-fluid的 div标签container与container-fluid的区别:1、container-fl...原创 2020-04-17 21:02:20 · 1211 阅读 · 0 评论 -
html——bootstrap 下拉菜单的使用及实现悬停展开下拉菜单
1、我这里使用的bootstrap4.0版本,相比3.0版本,新版本在使用时要在头部引入第三方 Popper.js插件。这里先放一下头部的所有引用: <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <sc...原创 2020-04-17 20:57:12 · 6754 阅读 · 1 评论