【发布时间】:2017-08-28 15:58:45
【问题描述】:
我为 Freecodecamp 做的网站有问题。一切都在桌面上完美运行,但在 iO 上却是一场噩梦。我有一些问题,但主要问题是我的最后一页(联系页面)没有显示。 iOs 从页面底部减少了大约 75% 的折扣,而且我无法看到我可以看到的可点击的表单。 (到目前为止,我只在我的 iPhone 7+ 上尝试过)有人可以帮忙吗?我将在下面发布该特定页面的标记,但我也会在 Codepen 上发布指向整个网站的链接,这可能会有所帮助。
<div id="parralax4" class="img-responsive">
<div class="container">
<div class="row formtitle">
<div class="col-sm-3">
<h2 class="formtitle1 raleway">Contact Us</h2>
<p class="raleway">Please use the contact form...
</div>
<form id="xform">
<div class="row">
<div class="form-group col-sm-4">
<label for="name"></label>
<input type="name" class="form-control" id="name"
required placeholder="Enter name">
</div>
</div>
<div class="row">
<div class="form-group col-sm-4">
<label for="email"></label>
<input type="email" class="form-control" id="email"
required placeholder="Enter email">
</div>
</div>
<div class="row">
<div class="form-group col-sm-6">
<label for="Message"></label>
<textarea class="form-control" rows="5" id="message"
required placeholder="Your message"></textarea>
</div>
</div>
<div class="row">
<div class="col-sm-2">
<button type="submit" class="btn btn-md btn-success">Submit</button>
</form>
</div>
</div>
非常感谢任何帮助。我已经在这几个小时试图对此进行排序。
【问题讨论】:
-
Bootstrap 4 现在使用 img-fluid 而不是 img-responsive
-
谢谢。我会改变它,但我很确定这不是问题。
-
您还在 css 中链接到 BS 3.3.7,然后您没有在其中添加 BS4 JS、Popper 和 jQuery。转到getbootstrap.com 为您提供入门部分下的链接
-
我最初只是链接到 BS 3.3.7。我在那里尝试了 BS 4,但它把事情搞砸了。我不知道波普尔是什么。对此很陌生。
-
Popper 是 BS4 使用的 .js 名称。我已经用 BS 4 做了几页,到目前为止一切都很好。在什么是 popper.js github.com/FezVrasta/popper.js 上阅读此内容是您在 codepen 页面链接上拥有的所有 css 吗?我很难弄清楚。
标签: html css bootstrap-4