View the step-by-step solution to:

Here are my code. (I want to combine 2 code into one file.) I want to push my first code into the Some content inside the popover , make the pop can...

Here are my code. (I want to combine 2 code into one file.)

I want to push my first code into the Some content inside the popover,

make the pop can show the form to type username and password.




First code:

-----------------------------------------------------------------------

<div class="jumbotron text-center">

   <form method="POST" action="/login">

         Accounts:<input type="text" name="username"/><br>

         Password:<input type="Password" name="password"/><br>

         <input type="submit" value="login"/>

</form>

</div>

------------------------------------------------------------------------




Second code:

-------------------------------------------------------------------------

<html lang="en">


<head>

 <title>Bootstrap Example</title>

 <meta charset="utf-8">

 <meta name="viewport" content="width=device-width, initial-scale=1">

 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

</head>

   <body>


       <div class="container">

         <h3>Login</h3>

         <a href="#" data-toggle="popover" title="Login or Registration" data-content="Some content inside the popover">Click here</a>

       </div>


       <script>

       $(document).ready(function(){

           $('[data-toggle="popover"]').popover();  

       });

       </script>

   </body>

</html>

-------------------------------------------------------------------------

Top Answer

The popover content can be referenced to a containing div using the... View the full answer

Sign up to view the full answer

Why Join Course Hero?

Course Hero has all the homework and study help you need to succeed! We’ve got course-specific notes, study guides, and practice tests along with expert tutors.

-

Educational Resources
  • -

    Study Documents

    Find the best study resources around, tagged to your specific courses. Share your own to gain free Course Hero access.

    Browse Documents
  • -

    Question & Answers

    Get one-on-one homework help from our expert tutors—available online 24/7. Ask your own questions or browse existing Q&A threads. Satisfaction guaranteed!

    Ask a Question
Ask a homework question - tutors are online