2016-09-05 6 views
1

私はブートストラップ3.3.6を使用しています。 btn-group-justifiedクラスはリンクタグでうまく動作しますが、入力タグが必要なのでうまくいきません。この場合、どのようにしてbtn-group-justifiedクラスを正しく適用できますか?入力タグに適用されるbtn-group-justifiedクラスを正しく使用する方法

以下の例を参照してください:

<form> 
    <div class="btn-group btn-group-justified" id="aaa"> 
     <a class="btn btn-success" role="">Submit</a> 
    </div> 
    <div class="btn-group btn-group-justified" id="bbb"> 
     <input type="submit" class="btn btn-success" value="Submit"> 
    </div> 
</form> 

Output from the html code above

+0

チェックにコードスニペット@alexを追加しました – Gowtham

答えて

0

input[type="submit"] 
 
{ 
 
    width:100%!important; 
 
}
<head> 
 
    <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> 
 
<form> 
 
    <div class="btn-group btn-group-justified" id="aaa"> 
 
     <a class="btn btn-success" role="">Submit</a> 
 
    </div> 
 
    <div class="btn-group btn-group-justified" id="bbb"> 
 
     <input type="submit" class="btn btn-success" id="submit" value="Submit"> 
 
    </div> 
 
</form> 
 
    </body>

0

あなただけのスタイル= "幅:100%重要なの!" を追加することができ、あなたの入力

関連する問題