简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁> web前端> html教學> 主體

為Bootstrap按鈕新增尺寸

PHPz
發布： 2023-08-20 16:29:14
轉載
965 人瀏覽過

為Bootstrap按鈕新增尺寸

為了在Bootstrap中為按鈕新增大小，可以嘗試以下類別：

類別

 描述
.btn-lg

 這會使按鈕變大。
.btn-sm

 #這會使按鈕變小。
.btn-xs

 #這會使按鈕變得特別小。
.btn-block

 #這會建立區塊級按鈕，也就是佔據父元素的整個寬度。

範例

您可以嘗試執行以下程式碼來建立一個小按鈕−

示範

   Bootstrap Example
登入後複製

以上是為Bootstrap按鈕新增尺寸的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
bootstrap 按鈕 尺寸
來源：tutorialspoint.com
上一篇：HTML DOM Input Reset disabled 屬性 HTML DOM Input Reset disabled 屬性用於設定或取得重置按鈕是否已停用 下一篇：如何在HTML中設定單元格內邊距？
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
如何使用 JavaScript 或 jQuery 來取得影像的自然尺寸？ 到目前為止我有這個程式碼：varimg=document.getElementById('draggable');varwidth=img.clientWidth;varheigh...
來自於 2023-10-21 13:53:08
0
2
275
為各種產品類型設計具有多個參數的多功能產品表 我在表格設計方面沒有太多經驗。我的目標是創建一個或多個滿足以下要求的產品表：支援多種產品（電視、手機、PC...）。每種產品都有不同的參數集，例如：手機將具有顏色、尺寸、重量、作業...
來自於 2023-10-18 17:44:13
0
2
328
使用 touchmove 捕捉 Y 座標：逐步指南 我正在嘗試使用html、javascript和canvas製作一個移動應用程序，基本上向下滾動會增加圖像的縮放，向上滾動會減少圖像的縮放，但我只能減少縮放，因為向上滾動時不斷增加尺...
來自於 2023-10-08 10:35:03
0
1
321
將疊加圖像保持在圖像邊界內 - 限制它僅粘附在圖像上 我正在嘗試在圖像上放置一個覆蓋層，但是這個覆蓋層延伸到了頂部的功能表列上，我不知道如何只將其貼在圖像上。我嘗試了不同的調整圖像和更改位置的方法，但它仍然延伸到功能表列。當我調整頂部...
來自於 2023-09-20 22:57:13
0
1
275
如何使用 Bootstrap Grid 系統修復大螢幕上圖片和進度條之間的空白？ 先給大家展示一下這張圖的想法：圖(1)在這張圖中我們看到，在md/lg螢幕中，進度條位於圖片下方，文字位於其右側。在圖片(2)中，在小螢幕尺寸下，文字排在第二位，進度條排在最後：我...
來自於 2023-09-14 10:56:03
0
1
335
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！