Bootstrap 4偏移量类有问题

Question

因此，我进入了Bootstrap 4文档，并尝试在我的表单-行协议上实现一些偏移量，以便它更居中。然而，它不工作，我不确定为什么。我四处寻找类似的问题，但在其他问题找到解决方案的地方，我的问题没有。我在前两个输入字段中实现了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

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