有Bootstrap 4偏移类的问题

Question

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

<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

我发现了伙计们。事实证明我试图使用偏移类与较旧版本的Bootstrap 4，当时没有上述类。有趣的是，DID包含它的版本就像我发布这个版本前两天发布的那样，我还没有更新我的Bootstrap。我现在做了，谢谢你的帮助！