解决bootstrap-paginator的CSS与原生bootstrap CSS冲突问题
来源:互联网 发布:山东大学威海学校域名 编辑:程序博客网 时间:2024/06/06 12:22
其实解决思路很简单只要,bootstrap-paginator所用到的bootstrap.min.css中的css元素提取出来,并放入原生bootstrap.min.css,不使用bootstrap-paginator的bootstrap.min.css就好了。
我用火狐一个一个提取出了这些Css元素,你们直接复制就好了:
我用火狐一个一个提取出了这些Css元素,你们直接复制就好了:
form {
margin: 0 0 20px;
}
.pagination-centered {
text-align: center;
}
.pagination {
margin: 20px 0;
}
.pagination ul {
border-radius: 4px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
display: inline-block;
margin-bottom: 0;
margin-left: 0;
}
ul, ol {
margin: 0 0 10px 25px;
padding: 0;
}
.pagination ul > li {
display: inline;
}
li {
line-height: 20px;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
border-bottom-left-radius: 4px;
border-left-width: 1px;
border-top-left-radius: 4px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
}
.pagination ul > li > a, .pagination ul > li > span {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #fff;
border-color: #ddd;
border-image: none;
border-style: solid;
border-width: 1px 1px 1px 0;
float: left;
line-height: 20px;
padding: 4px 12px;
text-decoration: none;
cursor:pointer;
}
.pagination ul > .active > a, .pagination ul > .active > span {
color: #999;
cursor: default;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
background-color: #f5f5f5;
}
0 0
- 解决bootstrap-paginator的CSS与原生bootstrap CSS冲突问题
- 解决bootstrap-paginator与bootstrap3样式兼容的问题
- bootstrap.css和esayUi.css样式冲突的解决
- Dojo表格与bootstrap 的CSS样式有冲突的问题
- 解决bootstrap css 兼容性
- OpenLayers与Bootstrap样式冲突的解决
- select2与Bootstrap冲突解决
- 基于bootstrap的分页插件bootstrap-paginator
- 初涉bootstrap:bootstrap css
- Bootstrap Css
- Bootstrap CSS
- Bootstrap CSS
- 【问题解决】BootStrap.css与layDate日期选择样式起冲突的解决办法
- 问题总结(ng+bootstrap+css)
- bootstarp分页插件 bootstrapv3.css 与 bootstrap.min.css 样式冲突
- Bootstrap -- css的media属性
- 【Bootstrap】表格的CSS布局
- Bootstrap分页插件--Bootstrap Paginator
- 急!急!!急!!!WM6.0 通过Gprs访问远程服务器上的SQL2005数据库
- 求一则正则表达式
- 網頁預覽時顯示的內容為空
- rms操作问题?
- 我想编写一个聊天室客户端!
- 解决bootstrap-paginator的CSS与原生bootstrap CSS冲突问题
- 请问在windows mobile 2003 se 环境下如何实现form的关闭事件
- 在安装android-sdk_r15-windows SDK Manager时出现的问题
- 关于Personal Java。
- 跪求:请看看这段错误提示是什么意思??跪求
- 有关于J2ME手机用户界面的编程的问题!高手看过来!
- 讨论:各位觉得asp+mssql写的投票程序安全么?
- 提取中文字符串
- 字符串 怎么拼接数字