是否可以在Rails中放置兩個邊界的邊框？

我對Rails相當陌生，所以請忍受我在這裏。這裏是我的haml文件，我正在渲染我的兩個部分。是否可以在Rails中放置兩個邊界的邊框？

= 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}

，它不工作。關於如何讓它起作用的任何想法？

來源

2017-05-23 AliciaGuerra

你生成的標記是什麼樣的？在瀏覽器檢查器中查看它。邊框div是否正確地包裹了部分？課程/風格是否適用？ –

是的，div正確地包裹了部分，但該樣式尚未應用，因爲我沒有將css放在正確的位置。謝謝！ – AliciaGuerra

您是否已經嘗試在.border類定義中添加此內容？

border: 1px solid black;

來源

2017-05-23 09:57:10

你只需要將你的部分包裹在你爲該邊框指定的任何類中。比方說，你的邊界類.border並這樣定義：

.border { 
    border: 1px solid black; 
}

那麼你一定要與這個類來包裝你的諧音一個HTML元素中，像這樣：

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

這會使每個你的局部特徵在類別border的div裏面，它在你的CSS中定義了一個圍繞它的邊界。

您在第一篇文章中描述的方法看起來基本如此。所以我認爲你的問題要麼是你沒有正確縮進部分或CSS被覆蓋。對於這個問題，請創建一個JSFiddle或提供更多信息。

來源

2017-05-23 19:22:50

是否可以在Rails中放置兩個邊界的邊框？

回答

相關問題