1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Bootstrap Material Design modifies my own content

alexlbad free asked 5 years ago

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 Wierzbicka staff answered 5 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 free answered 5 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

Marta Wierzbicka staff answered 5 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

Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: MacOS
  • Browser: Safari
  • OS: Sublime Text
  • Provided sample code: No
  • Provided link: Yes
Tags
navbar contact-form html5 css
About author
alexlbad
15Support score
1Questions 1Answers 0Snippets