請在引導

小按鈕，我用引導3個按鈕，我想修改尺寸更小，我試着不工作請在引導

.btn-sml { 
    padding: 10px 10px; 
    font-size: 22px; 
    border-radius: 8px; 
}

有一個更好的方式來實現這一目標以下？

來源

2016-09-22 Rayn D

減小fon T尺寸，這樣按鈕尺寸就會縮小。 – vas

@vas我試過了，它不工作... –

我認爲你應該使用'.btn-sm' – vas

引導提供了四個按鈕大小：

限定不同尺寸的類：

.btn-lg 
.btn-md 
.btn-sm 
.btn-xs

下面的示例示出了用於不同的按鈕尺寸的代碼：

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    <h2>Button Sizes</h2> 
 
    <button type="button" class="btn btn-primary btn-lg">Large</button> 
 
    <button type="button" class="btn btn-primary btn-md">Medium</button>  
 
    <button type="button" class="btn btn-primary btn-sm">Small</button> 
 
    <button type="button" class="btn btn-primary btn-xs">XSmall</button> 
 
</div>

來源

2016-09-22 09:43:27 Dsenese1

看起來像Bootstrap 4不支持'xs' –

回答

相關問題