こんにちは
Bootstrap3の勉強を行っているのですが、PC(デカイ解像度)で表示している時だけInputのサイズを固定する方法がわかりません(そもそも、できない?)。
スマホで見るときはInputのサイズは、可能であればInputを画面いっぱいに表示できればばいいなと思っています。
具体的にやりたいのは次のようなイメージです。
PCの方は技術力不足で、綺麗に段組が出来てませんが....
PCで表示した時(この時だけ、Inputのwidthを指定したい)
実際にやってみたコードはこんな感じです
<body> <div class="container-fluid"> <form> <div class="form-inline"> <div class="form-group"> <label for="name">name</label> <input type="text" name="name" class="form-control"></input> </div> <div class="form-group"> <label for="mail">mail</label> <input type="text" name="mail" class="form-control"></input> </div> </div> <div class="form-inline"> <div class="form-group"> <label for="zip1">zip 1</label> <input type="text" name="zip1" class="form-control"></input> </div> <div class="form-group"> <label for="zip2">zip 2</label> <input type="text" name="zip2" class="form-control"></input> </div> </div> </form> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> </body>
お手数おかけしますが、回答お願いします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/08/07 04:15
2016/08/07 10:46