Bootstrap   发布时间:2022-04-18  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何仅使用bootstrap的模态对话框,而不是整个bootstrap.css与我自己的css冲突大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
如何仅使用bootstrap的模态对话框,而不是整个bootstrap.css与我自己的CSS冲突.

我知道也许使用fancybox一个更好的解决方案,但我只想要bootstrap的模态窗口的风格..

解决方法

只需在bootstrap.css文件后包含CSS即可.最后一个是CSS中使用的.

如果你担心输入或div等元素特定的css规则,那么只需重置css文件开头的所有内容.

谷歌CSS重置并发现

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,Strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,sumMary,time,mark,audio,video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,section {
    display: block;
}
body {
    line-height: 1;
}
ol,ul {
    list-style: none;
}
blockquote,q {
    quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

从那里你可以简单地定制一些东西,如文本/链接颜色和悬停等,但引导程序中的大部分CSS都与类一起使用,因此人们可以使用它自定义css.

大佬总结

以上是大佬教程为你收集整理的如何仅使用bootstrap的模态对话框,而不是整个bootstrap.css与我自己的css冲突全部内容,希望文章能够帮你解决如何仅使用bootstrap的模态对话框,而不是整个bootstrap.css与我自己的css冲突所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。