bootstrap 按钮组导航条 btn-toolbar btn-group 常用
bootstrap 按钮组导航条 btn-toolbar btn-group 常用
image.png
<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <div class="btn-toolbar"> <div class="btn-group"> <button type="button" class="btn btn-default"> <span class="glyphicon glyphicon-step-backward"></span> </button> <button type="button" class="btn btn-default""> <span class="glyphicon glyphicon-backward"></span> </button> </div> <div class="btn-group"> <span class="btn btn-default">1</span> <span class="btn btn-default">2</span> <span class="btn btn-default">...</span> <span class="btn btn-default">9</span> <span class="btn btn-default">10</span> </div> <div class="btn-group"> <button type="button" class="btn btn-default""> <span class="glyphicon glyphicon-forward"></span> </button> <button type="button" class="btn btn-default""> <span class="glyphicon glyphicon-step-forward"></span> </button> </div> </div> </body> </html>