引导推和拉选项似乎不工作

Bootstrap push and pull options does not seems to work

本文关键字：工作 选项      更新时间：2023-09-26

我试图使用网格选项拉和推，但它们似乎不起作用。我认为它来自我的集成bootstrap css和或js(不确定如果推/拉是通过js或css完成)。

我已经添加了一个推拉，应该在我的网页的顶部工作:

<div class="row">
<div class="col-md-9 col-md-push-3">Should be on the right</div>
<div class="col-md-3 col-md-pull-9">Should be on the left</div>
</div>

在这个URL:http://www.dylog.test.resamarket.com/clients/connexion

我不知道为什么它不工作，我不知道从哪里开始调查

推/拉类应用不正确。

格式为:

[push|pull]-[viewport size]-[column count] .

我突出显示了其中一列，以便您可以更容易地看到交换。

.col-md-9.push-md-3 {
  background-color: #fc0;
}
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css" rel="stylesheet" />
<div class="container">
  <div class="row">
    <div class="col-md-9 push-md-3">.col-md-9 .push-md-3</div>
    <div class="col-md-3 pull-md-9">.col-md-3 .pull-md-9</div>
  </div>
</div>

我看到你正在使用下载版本的bootstrap 4.0 alpha。如果我加上这行

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

在<title>标签之后，在您的呼叫之上，它工作得很好。不知道为什么它会这样做，因为文件看起来很好。我建议使用Bootstrap的生产版本。

col swap http://webdevpdx.com/soverflow/col-swap.png

相关文章：