Question

我对Rails相当新，所以请耐心等待。这是我的haml文件，我在那里渲染了我的两个部分。

 = render partial: 'stepwizard', locals: {active: 'payment'}

 = render partial: 'form-payment', locals: {quotation_request: @quotation_request}

我想在这两个部分周围加上边框。

我尝试将其添加到我的CSS中：

.border {
box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.1);
margin-top: 2em;
}

这是我的haml

 .border  
  = render partial: 'stepwizard', locals: {active: 'payment'}
  = render partial: 'form-payment', locals: {quotation_request:@quotation_request}

它没有用。关于如何让它发挥作用的任何想法？

Answer 1

您是否已尝试在.border类定义中添加此内容？

border: 1px solid black;

Answer 2

你只需要将你的部分包含在你为该边界指定的任何类中。假设你的边界类是.border并且定义如下：

.border {
  border: 1px solid black;
}

然后你想把你的部分包含在这个类的HTML元素中，如下所示：

.border  
  = render partial: 'stepwizard', locals: {active: 'payment'}
.border
  = render partial: 'form-payment', locals: {quotation_request:@quotation_request}

这会在div中使用类border呈现每个部分，而这些部分在CSS中定义了一个边框。

第一篇文章中描述的方法看起来基本上就是这样。所以我假设你的问题是你没有正确地缩进部分或者CSS被覆盖。就此而言，请创建一个JSFiddle或提供更多信息。

是否可以在Rails中围绕两个部分放置边框？

2 个答案: