如何在HTML中的中心对齐两个BTN按钮

Question

我是HTML和CSS的新手,并尝试构建类似于主页的东西.

请参阅附件截图.

如何在我的HTML项目中将这两个按钮BTN对齐在一个超大屏幕中心.

我的HTML

<div class="jumbotron">
        <h1>Bespoke Recruitment Solutions</h1>
        <p class="lead">We are an indapendant recruitment company specialising in providing bespoke HR services.<br> We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.</p>
        <p><a class="btn btn-primary btn-lg" role="button">Submit Your CV</a><a class="btn btn-primary btn-lg" role="button">Fill A Vacancy</a></p>
      </div>

Answer 1

只需将类添加text-center到<p>按钮所在的位置即可.

HTML

<div class="jumbotron">
        <h1>Bespoke Recruitment Solutions</h1>
        <p class="lead">We are an indapendant recruitment company specialising in providing bespoke HR services.<br> We take the time to understand our clients vision, goals and culture allowing us to engage with the right talent to fill the vacany.</p>
        <p class="text-center"><a class="btn btn-primary btn-lg" role="button">Submit Your CV</a><a class="btn btn-primary btn-lg" role="button">Fill A Vacancy</a></p>
      </div>

在这里演示