###前提・実現したいこと
よろしくお願いします。
bootstrap3
tableタグで下記のタグを記載しました。
テキストボックスは、右端まで一杯に伸びると
私は思ってましたが、colspanを入れると若干
短かくなります。
これは仕様なのでしょうか?
解決策があれば教えてください。
なければ仕様だと思って、諦めます。
###該当のソースコード
<div class="col-xs-12 col-sm-5 padding0"> <table class="table"> <tbody> <tr> <td class="col-xs-6"> <div class="input-group"> <span class="input-group-addon">システムID</span> <input type="text" class="form-control" id="sysid" style="width:80px;text-align: right;" value="121212" readonly> </div> </td> <td class="col-xs-6"> <div class="input-group"> <span class="input-group-addon">○○○NO</span> <input type="text" class="form-control" id="manid" style="width:80px;text-align: right;" value="3423687"> </div> </td> </tr> <tr> <td colspan="2" class="col-xs-12"> <div class="input-group"> <span class="input-group-addon">氏名(漢字)</span> <input type="text" class="form-control" id="namae" placeholder="名前を入力します。"> </div> </td> </tr> <tr> <td colspan="2" class="col-xs-12"> <div class="input-group"> <span class="input-group-addon">氏名(カナ)</span> <input type="text" class="form-control" id="namae-kana" placeholder="名前をカナで入力します。"> </div> </td> </tr> <tr> <td colspan="2" class="col-xs-12"> <div class="input-group"> <span class="input-group-addon">氏名(英字)</span> <input type="text" class="form-control" id="namae-eng" placeholder="名前を英字(英語)で入力します。"> </div> </td> </tr> <tr> <td class="col-xs-6"> <div class="input-group"> <span class="input-group-addon">生年月日</span> <input type="text" class="form-control datepicker" style="width:100px;" id="bod" placeholder="誕生日を選択します。"> </div> </td> <td class="col-xs-6"> <div class="input-group"> <span class="input-group-addon">年齢</span> <input type="text" class="form-control" style="width:50px;text-align: right;" value="20" readonly>歳 </div> </td> </tr> <tr> <td class="col-xs-6"> <div class="radio-inline"> <input type="radio" value="1" name="gender" id="man"> <label for="man">男性</label> </div> <div class="radio-inline"> <input type="radio" value="2" name="gender" id="woman"> <label for="woman">女性</label> </div> </td> <td class="col-xs-6"> <div class="input-group"> <span class="input-group-addon">○○○</span> <input type="text" class="form-control" id="manid" style="width:100px;" value="○○○"> </div> </td> </tr> </tbody> </table> </div>
###補足情報(言語/FW/ツール等のバージョンなど)
bootstrap3
回答2件
あなたの回答
tips
プレビュー