html - Notification does not showing on particular button -
i have buttons span class, m facing problem show each span class above particular button. image
. how can this?
.label{ position: absolute; top: 2.5rem; }<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://use.fontawesome.com/f574067864.js"></script> <!doctype html> <html> <head> <title></title> </head> <body> <hr> <div class="container"> <button class="btn btn-default" type="submit">button</button> <span class="label label-success">4</span> <button class="btn btn-default" type="submit">button</button> <span class="label label-success">5</span> <button class="btn btn-default" type="submit">button</button> <span class="label label-success">6</span> </div> </body> </html>thank you...
try this
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://use.fontawesome.com/f574067864.js"></script> <!doctype html> <html> <head> <title></title> </head> <style> .sub-btn{ position: relative; } .sub-btn span{ position: absolute !important; right: 0; top: -15px !important; } </style> <body> <hr> <div class="container"> <button class="btn btn-default sub-btn" type="submit">button <span class="label label-success">4</span></button> <button class="btn btn-default sub-btn" type="submit">button <span class="label label-success">5</span></button> <button class="btn btn-default sub-btn" type="submit">button <span class="label label-success">6</span></button> </div> </body> </html>
Comments
Post a Comment