Bootstrap 4 偏移类有问题

Question

所以我进入了 Bootstrap 4 文档并尝试在我的表单行列上实现一些偏移，以便它更加居中。但是它不起作用，我不知道为什么。我四处寻找类似的问题，但在其他问题找到了解决方案的地方，我的问题没有。我在前两个输入字段中实现了 offset-5。这是页面：https://jorgeg1105.github.io/JorgePortfolioV3/，这是我遇到问题的区域的代码 sn-p：

<div class="contact text-center">
		<div class="contact_container">
			<div class="row">
				<div class="col-xl-12">
					<h2>Want To Work Together?</h2>
					<p class="jorgeInfo">Tell me a little bit about yourself and your project. Then I will get in contact with you to schedule a time to chat. You can expect a reply within a day at most.</p>
				</div>
			</div><!--end row-->
			<form>
				<div class="form-row">
					<div class="col-3 offset-5">
						<input type="text" class="form-control" placeholder="First Name *">
					</div><!--end col-->
					<div class="col-3 offset-5">
						<input type="text" class="form-control" placeholder="Last Name *">
					</div><!--end col-->
				</div><!--end row-->
				<div class="form-row">
					<div class="col-3">
						<input type="text" class="form-control" placeholder="Phone Number">
					</div><!--end col-->
					<div class="col-3">
						<input type="email" class="form-control" placeholder="Email *">
					</div><!--end col-->
				</div><!--end row-->
				<div class="form-row">
					<div class="col-3">
						<input type="text" class="form-control" placeholder="What is 5+2? *">
					</div><!--end col-->
				</div><!--end row-->
				<div class="row">
					<div class="col-5">
						<textarea class="form-control" rows="5" placeholder="Tell me a little about your project. Budget details are also appreciated."></textarea>
					</div><!--end col-->
				</div><!--end row-->
				<button type="submit" class="button">Submit</button>
			</form><!--end form-->
			<p>* Required</p>
		</div><!--end contact_container-->
	</div><!--end contact-->

非常感谢！

Answer 1

我看不到代码，但有时是因为没有创建新行或容器。

这是你可以尝试的。

否则，显示截断的代码会有所帮助。

干杯

Answer 2

我想通了伙计们。事实证明，我试图将 offset 类与旧版本的 Bootstrap 4 一起使用，该版本当时没有说类。有趣的是，包含它的版本是在我发布这篇文章的两天前发布的，而且我还没有更新我的 Bootstrap。我现在做了，谢谢你的帮助！