Topic: Bootstrap Material Design modifies my own content
Hi, I used some material design Bootstrap for a contact form, however, the design applies itself for the whole page and it modifies things that I had done before. For example, I used a navbar from bootstrap that I customized and now with the design, it creates borders and box-shadows... to it without letting me change it (I tried to modify this with CSS with things like border: 0 or box-shadow: none but it doesn't seem to work).
Is it possible to specify in your HTML that you only want the design for a certain part? Thanks
P.S: Here is the link of the contact form I used https://mdbootstrap.com/docs/jquery/forms/contact/#html
Marta Szymanska staff pro premium answered 6 years ago
Hi,
if you use MDB Gulp version, you can comment imported modules in mdb.scss
which you don't want to use and then they won't compile to mdb.css
. For example, if you don't want to our navbar styles, please comment in mdb.scss
this line @import "free/navbars";
, then there won't be any MDB styles for the navbar.
Best, Marta
Marta Szymanska staff pro premium answered 6 years ago
Hi,
without Gulp, there are two options. First - you have the other SCSS compiler and do what I wrote above. Second - you just remove unnecessary code from mdb.css
and minify the new file. Then you will have mdb.css
styles without the navbar styles. If you need to send me any file for more help, please send me a message to m.szymanska@mdbootstrap.com
Best, Marta
alexlbad answered 6 years ago
Hey,
Thanks for your answer! The thing is I don't use MDB Gulp version yet, I just followed the tutorial in the first link that I copied in my previous message. I tried to paste your "@import" line in my CSS but doesn't seem to work without GULP. Is there another way to do it without having to download GULP since it's the only feature of MDB that I use ?
Alex
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: MacOS
- Browser: Safari
- OS: Sublime Text
- Provided sample code: No
- Provided link: Yes