溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
今天就跟大家聊聊有關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進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
