Jump to content

Preloader for index page using dreamweaver cc19.1 and bootstrap


tiaka

Recommended Posts

Hi could someone help me please.
I can't get a simple preloader for the main index page going.
I have tried inserting this code:

<div class="spinner-border" role="status">
   <span class="sr-only">Loading...</span>
</div>

Doesn't seem to work. I am a newbie though. lol
I am using cc19.1 dreamweaver with bootstrap default.
Not including a pre-build layout.

My default index page without a preloader looks like this:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>

<!-- Bootstrap -->

<link href="css/bootstrap-4.3.1.css" rel="stylesheet">
<link href="main.css" rel="stylesheet" type="text/css">

</head>
<body>

<!-- body code goes here -->

<div class="container-fluid heroContainer">
<div class="row">
<div class="col-xl-4 offset-xl-5">Testing</div>
</div>
</div>

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="js/jquery-3.3.1.min.js"></script>

<!-- Include all compiled plugins (below), or include individual files as needed -->

<script src="js/popper.min.js"></script>
<script src="js/bootstrap-4.3.1.js"></script>

</body>
</html>

Is there a simple way to insert a preloader for this page???

Any ideas very much appreciated

Cheers
tiaka

Link to comment
Share on other sites

  • 1 month later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...