32.提示框

2019-11-02 18:22:29

字体：大中小

来源：转载

供稿：网友

<!doctype html><html> <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></title> <link rel="stylesheet" href="CSS/bootstrap.css"/> <style> .row{ padding:160px; } </style> </head> <body> <div class="container"> <div class="row"> <button class="btn btn-info" data-toggle="popover" data-placement="top" title="提示框标题" data-content="提示框内容，提示框内容，提示框内容，提示框内容，提示框内容，提示框内容，提示框内容。">点击</button> </div> </div> <div class="container"> <div class="row"> <button class="btn btn-PRimary btnShow" data-toggle="popover" data-placement="right" title="提示框标题" data-content="提示框内容，提示框内容，提示框内容，提示框内容，提示框内容，提示框内容，提示框内容。">点击</button> </div> </div> <script src="js/jquery-2.1.0.js"></script> <script src="js/bootstrap.js"></script> <script> $('.btn').popover(); $('.btnShow').popover('show');//让提示框一上来就显示 </script> </body></html>

这里写图片描述