Question

我想改变我的bootstrap揭示模式的开放方向。我遵循了LINK中讨论的代码，但我的模式没有打开，我正在使用angularjs。任何人都可以帮我解释代码吗？

我的按钮

<td>
    <a class='btn btn-primary btn' data-direction='right'>Right</a>
</td>

bootstrap Bootstrap v3.2.0

我的CSS和JS，如link中所述。我如何使用角度，它在我的情况下不起作用。

Answer 1

要使模式打开，您可以使用javascript或数据属性。你似乎没有使用它们。

<a data-toggle="modal" href="remote.html" data-target="#modal">Click me</a>

注意data-toggle属性 - 这告诉bootstrap它是一个模态，它应该作为一个打开。

注意data-target属性 - 这是模态的容器。

Answer 2

我通过CSS过渡解决了这个问题。

这是打开方向的非常简单的示例。

（SlideLeftIn过渡效果）

.modal .modal-dialog {
  opacity: 0;
  left: -30px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.modal .modal-dialog.show {
  position: fixed;
  top: 0px;
  left: 0px;
  margin: 0px;
  height: 100%;
  max-width: 100%;
  overflow: auto;
  opacity: 1;
  transition: opacity 0.35s;
  transition: left 0.35s;
}

有关更多信息，请参见this from W3Schools.

如何更改自举模态开口的方向？

2 个答案: