html - Bootstrap 输入组没有响应

Question

我的网站上的输入组没有针对 xs 屏幕尺寸缩小尺寸。

代码如下:

<div class="gradient">
        <div class="container">
            <div class="row">
            <div class="col-xs-1 col-s-1 col-m-2"></div><!-- /left column -->
            <div class="col-xs-10 col-s-10 col-m-8">
                <h1>IS IT ON NETFLIX?</h1>
                <p>Search to see if your TV show or movie is available to stream on Netflix</p>
                <div class="input-group searchbox">
                  <input type="text" id="searchInput" class="form-control" placeholder="Search for...">
                  <span class="input-group-btn">
                    <button id="submit" class="btn btn-default" type="button">Go!
                    </button>
                  </span>
                </div><!-- /input-group -->
            </div><!-- /middle column -->
            <div class="col-xs-1 col-s-1 col-m-2"></div><!-- /right column -->
        </div><!-- /row -->
    </div><!-- /container -->
</div><!-- /gradient -->

站点是isitonnetflix.net .非常感谢!!

Answer 1

用对齐的 div 包装图像标签:

<div class="" align="center"></div>

可以帮助它位于 div 的中间，但您也可以:

<img src="" align="middle" alt="">

您绝对可以更改这些值，这样做可能有点恶心，但可能会有所帮助。