搜索表单没有响应

时间:2014-01-08 13:40:59

标签: php twitter-bootstrap responsive-design

我创建了一个简单的搜索表单,我正在使用twitter bootstrap'最新版本'。当我在移动设备上查看时,表格是响应式的,但搜索表单不是。

<div class"search">
 <form id="search" name ="search" method="get" action="">
   <p class="indent"><label for="artist">Search for Band:</label>
     <input name="artist" type="text" id="artist">
     <input type="submit" name="submit">
     <a href="gigs.php?artist=&submit=Submit+Query">Show all gigs</a>
   </p>
 </form>
</div>

如果有人能指出问题所在,那么我们将非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

首先,这应该是<div class="search">,而不是<div class"search">

其次,如果这不能解决您的问题,请尝试以下方法。根据您的需要进行调整。

<div class="search" style="width: 50%; max-width: 300px; min-width: 140px;">