编程学习网为您整理以下代码实例,主要实现:Bootstrap .btn-block类,希望可以帮到各位朋友。
<!DOCTYPE HTML> <HTML> <head> <Title>bootstrap Example</Title> <Meta name = "vIEwport" content = "wIDth=device-wIDth, initial-scale = 1"> <link rel = "stylesheet" href = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/CSS/bootstrap.min.CSS"> <script src = "https://AJAX.GoogleAPIs.com/AJAX/libs/jquery/3.3.1/jquery.min.Js"></script> <script src = "https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/Js/bootstrap.min.Js"></script> </head> <body> <p>The following are block level buttons:</p> <button type = "button" class = "btn btn-primary btn-lg btn-block"> Block level Primary button </button> <button type = "button" class = "btn btn-default btn-lg btn-block"> Block level button </button> </body> </HTML>