化石原创文章,转载请注明来源并保留原文链接


Bootstrap 4 Modal支持垂直居中,加上它的spinner,我们可以组合一个垂直居中的等待控件。代码如下:

		<!-- 全屏spinner构造 -->
		<div class="modal" id="waitingModalCenter" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
			<div class="modal-dialog modal-dialog-centered" role="document">
			  <div class="modal-content modal-sm" style="max-width: 0px; border: 0; left: 50%;">
				  <div class="spinner-border text-danger" role="status">
					<span class="sr-only">Loading...</span>
				  </div>
			  </div>
			</div>
		</div>

化石原创文章,转载请注明来源并保留原文链接