How to get bootstrap 4 input fields?

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: How to get bootstrap 4 input fields?

Singh pro asked 7 years ago

Hi there, I purchased the Big Bundle today. I looked at the new style of inputs that you provide. I just wanted to know how can we get the traditional bootstrap input fields (boxed), that are in the bootstrap 4 website. Please let me know. Thanks, Jaspreet 
                                                                    

                                                                
                                

                                                                                                                                                    
                                        

                                                                                            
                                                                                    

                                                                    

                                
                            

                                                                                

                        
                                                                                                                    
                                

                                    
                                    

                                        

                                                    
                                                    Marta Szymanska
                                             staff  pro  premium                                             answered 7 years ago                                        

                                        
                                    

                                    
                                    

                                        Hi,

within MDB we use material inputs and if you don't want this style for inputs you can copy the code for inputs directly from https://getbootstrap.com/docs/4.0/components/forms/ and within mdb.scss file in your package just comment this part: @import "mdb/free/forms-basic"; and then all MDB styles for inputs disappear and bootstrap styles stay.

Best,

Marta                                                                                    

                                                                                
                                        

                                                                                                                                                                                                                                    

                                                                                                            
                                                                                                    

                                                                                    

                                        
                                    

                                                                                                        

                                
                                                                                            
                                

                                    
                                    

                                        

                                                    
                                                    Singh
                                             pro                                             answered 7 years ago                                        

                                        
                                    

                                    
                                    

                                        Hi Marta,

Thanks a lot for replying. I am not sure if I understand this clearly. I am currently using mdb.min.css from MDB Procss folder. I am not using mdb.scss in my project. Is there any example that I can use or can you explain bit further?

Thanks,

Jaspreet                                                                                    

                                                                                
                                        

                                                                                                                                                                                                                                    

                                                                                                            
                                                                                                    

                                                                                    

                                        
                                    

                                                                                                        

                                
                                                                                            
                                

                                    
                                    

                                        

                                                    
                                                    Marta Szymanska
                                             staff  pro  premium                                             answered 7 years ago                                        

                                        
                                    

                                    
                                    

                                        Hi,

inside MDB Big Bundle package you have a few packages, like MDB Pro or all out templates packs and each package has SASS files. Give me more specific information about your project and what is the exact MDB package you use, then I'll try to help you.

Best,

Marta                                                                                    

                                                                                
                                        

                                                                                                                                                                                                                                                                                                
                                                    
                                                        

                                                            Singh
                                                             pro                                                             commented 7 years ago                                                                                                                    

                                                        Marta,

Thanks a lot, I am currently in the process of setting up the project and will definitely get back to you when I need help in this regard.

Thanks,

Jaspreet                                                    
                                                                                                            

                                                                                                                                                                                                            
                                                    
                                                        

                                                            Marta Szymanska
                                                             staff  pro  premium                                                             commented 7 years ago                                                                                                                    

                                                        OK, fine.                                                    
                                                                                                                                                                                                                                                                                                

                                                                                                

                                                                                                            
                                                                                                    

                                                                                    

                                        
                                    

                                                                                                        

                                
                                                                                                        
                            

                                
                                

                                    

                                        
                                        
                                        
                                        
                                    

                                

                                
                                
                                

                                    
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

                                            
        

            
    
                
  • 
                    User:
                    Pro
                
    • 
                
  • 
                    Premium support:
                    No
                
    • 
                
  • 
                    Technology:
                    MDB jQuery
                
    • 
                                    
  • 
                        MDB Version:
                        -
                    
    • 
                                    
  • 
                        Device:
                        -
                    
    • 
                                    
  • 
                        Browser:
                        -
                    
    • 
                                    
  • 
                        OS:
                        -
                    
    • 
                                
  • 
                    Provided sample code:
                    Yes
                
    • 
                
  • 
                    Provided link:
                    No
                
    • 
                
            

        

                                

                        
                                                                                                                            
                            

                                
                                
About author

                                                                    
                

                            
                        

                


                    
                    

                        Singh
                    

                    
                    
                    

                    
                    
                                            Pro User
                                                            
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    10Support score
                    

                    3Questions
                    1Answers
                    

                    
                    

                    0Snippets likes
                    0Snippets