https://www.google.com/recaptcha/intro/index.html
Google reCAPTCHAをbootstrapでデザインしたログイン画面にreCHAPTCHAをつけたのですが、いくつかサイトをみてCSSを上書いて?レスポンシブにするのを試してみたのですが、どうにも横幅をinput type="text"などに合わせることができません。
もしやり方をご存知の方がいましたら教えていただけたら幸いです。
JSの利用でも構いません。
以下にソースを記載いたします。
HTML
1<div class="row"> 2 <div class="col-md-4 col-md-offset-4"> 3 <div class="panel panel-default"> 4 <div class="panel-heading"> 5 <h2 class="panel-title">ログイン</h2> 6 </div> 7 <div class="panel-body"> 8 <form action="" id="" method="post" > 9 <fieldset> 10 <div class="form-group"> 11 <input name="" class="form-control" type="text" id=""/> 12 </div> 13 <div class="form-group"> 14 <input name="" class="form-control" type="password" id=""/> 15 </div> 16 <div class="form-group"> 17 <script src='https://www.google.com/recaptcha/api.js?hl=ja'></script> 18 <div class="g-recaptcha" data-sitekey="hogehoge"></div> 19 </div> 20 <button type="submit" class="btn btn-lg btn-success">ログイン</button> 21 </fieldset> 22 </form> 23 </div> 24 </div> 25 </div> 26</div>
以上、よろしくお願い致します。
2016-03-18 追記
panel-defaultを追加しました
CSSは以下から取得しています
//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css
添付画像を追加しました
雑なイメージで申し訳ないですが・・
「私はロボットではありません」のところを伸び縮みさせたいです。
cssとキャプチャも貼り付けて貼り付けてもらえますか?
>横幅をinput type="text"などに合わせることができません。
どこの横幅か教えてください!
回答2件
あなたの回答
tips
プレビュー