您好,登錄后才能下訂單哦!
這篇文章主要介紹bootstrap4設置按鈕的方法,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
bootstrap4設置按鈕代碼:<button type="button" class="btn">,Bootstrap 4 提供了不同樣式的按鈕,可通過class來選擇不同樣式的按鈕。
實例:
<!DOCTYPE html> <html> <head> <title>Bootstrap 實例</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/css/bootstrap.min.css"> <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.staticfile.org/popper.js/1.12.5/umd/popper.min.js"></script> <script src="https://cdn.staticfile.org/twitter-bootstrap/4.1.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h3>按鈕樣式</h3> <button type="button" class="btn">基本按鈕</button> <button type="button" class="btn btn-primary">主要按鈕</button> <button type="button" class="btn btn-secondary">次要按鈕</button> <button type="button" class="btn btn-success">成功</button> <button type="button" class="btn btn-info">信息</button> <button type="button" class="btn btn-warning">警告</button> <button type="button" class="btn btn-danger">危險</button> <button type="button" class="btn btn-dark">黑色</button> <button type="button" class="btn btn-light">淺色</button> <button type="button" class="btn btn-link">鏈接</button> </div> </body> </html>
按鈕類可用于 <a>, <button>, 或 <input> 元素上。
以上是bootstrap4設置按鈕的方法的所有內容,感謝各位的閱讀!希望分享的內容對大家有幫助,更多相關知識,歡迎關注億速云行業資訊頻道!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。