2017-09-20 23 views
0

enter image description here ボタンのテキストを反応させるために多くのことを試みましたが、機能しません。 は、ここに私のhtmlコードがブートストラップボタンのテキストが反応しません

<button style="margin-top : 5px;" 
     type="submit" class="btn btn-primary cd-admin-create-modal-btn" ng-disabled = "form.$invalid" 
     ng-click="submitRouterDtls(router);">Submit 
</button> 
<button style="margin-top : 5px;" 
     type="submit" class="btn btn-primary cd-admin-create-modal-btn" 
     ng-click="cancelOperation();">Cancel 
</button> 

だここに私のCSSコード

.cd-admin-create-modal-btn { 
    width: 5vw; 
    margin: 0 1vw; 
    font-size : 1.5vw; 
} 

だ誰かが私を助けることができますか?

+0

それを試してみてください? –

+1

'5vw'はビューポートの幅の5%を意味するので、私はそれが何をしているのかと推測します。あなたは、ピクセルまたはemに基づいて 'min-width'を追加して、ボタンがあまりに狭くならないようにすることができます。 – ACJ

答えて

0

は、私はいくつかのコードとあなたの質問欠落している(完全なコードを)考えて

.cd-admin-create-modal-btn { 
 
    min-width: 10vw; 
 
margin: 0 1vw; 
 
font-size : 1.5vw; 
 
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> 
 

 
<button style="margin-top : 5px;" 
 
         type="submit" class="btn btn-primary cd-admin-create-modal-btn" ng-disabled = "form.$invalid" 
 
          ng-click="submitRouterDtls(router);">Submit 
 
         </button> 
 
         <button style="margin-top : 5px;" 
 
          type="submit" class="btn btn-primary cd-admin-create-modal-btn" 
 
          ng-click="cancelOperation();">Cancel 
 
         </button>

関連する問題