carousel not working

Topic: carousel not working

Atulya Bhardwaj free asked 6 years ago

sir the basic carousel is not working on my system. after that i added a bootstrap cdn in head part and used the bootstrap carousel and it worked. but after that whenever i used any mdb class its not working.

i want to use mdb carousel so if anyone could help and tell why its not working.

if mdb is not working can i not use bootstrap 4 and mdb simultaneously on the same page??

Add comment

Akanksha free answered 6 years ago

0 0 Best answer

I have installed mdb through npm command

npm install angular-bootstrap-md --save

But I am unable to see the carousel effects in my browser. I followed the same code which is given in tutorial

https://mdbootstrap.com/docs/angular/advanced/carousel/

Mikołaj Smoleński staff commented 6 years ago

Please add Your issue in the angular support section.

Best Regards

Add comment

Mikołaj Smoleński staff answered 6 years ago

0 0 Best answer

Check if You have the correct html layout. It should be like this:

In the head part:
<div>
<div>  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

<link rel="stylesheet" href="css/bootstrap.min.css">

<link rel="stylesheet" href="css/mdb.min.css">

<link rel="stylesheet" href="css/style.css">
<style rel="stylesheet"></div>
</div>
<div>
And just before body closing tag:</div>
<div></div>
<div>
<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>

<script type="text/javascript" src="js/popper.min.js"></script>

<script type="text/javascript" src="js/bootstrap.min.js"></script>

<script type="text/javascript" src="js/mdb.min.js"></script></div>
<div></div>
<div>Regards</div>
<div>
<div></div>
</div>

Please insert min. 20 characters.

Check if You have the correct html layout. It should be like this: In the head part:

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">  <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/mdb.min.css">  <link rel="stylesheet" href="css/style.css"> <style rel="stylesheet">

And just before body closing tag:

<script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>  <script type="text/javascript" src="js/popper.min.js"></script>  <script type="text/javascript" src="js/bootstrap.min.js"></script>  <script type="text/javascript" src="js/mdb.min.js"></script>

Regards

Add comment

Write

Create snippet

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: -
Browser: -
OS: -
Provided sample code: No
Provided link: No

Atulya Bhardwaj

0Support score
1Questions 0Answers 0Snippets