引導5.0.3自定義CSS不工作

Question

嘿，我想從這個source.

使左中右按鍵於是我開始與

NPM安裝引導@ 3

之後，我安裝了jQuery，因爲演示頁面的描述爲

npm insta LL jQuery的

我的代碼是完全一樣從演示頁面，但我得到的是這樣的：

.btn-round-lg{ 
 
border-radius: 22.5px; 
 
} 
 
.btn-round{ 
 
border-radius: 17px; 
 
} 
 
.btn-round-sm{ 
 
border-radius: 15px; 
 
} 
 
.btn-round-xs{ 
 
border-radius: 11px; 
 
padding-left: 10px; 
 
padding-right: 10px; 
 
}

<div class="col-md-4"> 
 
    <div class="btn-group"> 
 
     <button type="button" class="btn btn-round btn-default">Left</button> 
 
     <button type="button" class="btn btn-default">Middle</button> 
 
     <button type="button" class="btn btn-round btn-default">Right</button> 
 
    </div>      
 
</div>

Answer 1

在這裏，你去了一個解決方案https://jsfiddle.net/ppL8stkv/

.btn-round-lg{ 
 
    border-radius: 22.5px; 
 
} 
 
.btn-round{ 
 
    border-radius: 17px; 
 
} 
 
.btn-round-sm{ 
 
    border-radius: 15px; 
 
} 
 
.btn-round-xs{ 
 
    border-radius: 11px; 
 
    padding-left: 10px; 
 
    padding-right: 10px; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="container-fluid"> 
 
    <div class="row"> 
 
    <div class="col-md-4"> 
 
     <div class="btn-group"> 
 
      <button type="button" class="btn btn-round btn-default">Left</button> 
 
      <button type="button" class="btn btn-default">Middle</button> 
 
      <button type="button" class="btn btn-round btn-default">Right</button> 
 
     </div>      
 
    </div> 
 
    </div> 
 
</div>

您可能會錯過bootstrap library。檢查jsfiddle。

希望這會幫助你。