gpt4 book ai didi

css - 日历 css 不工作(Bootstrap、SimpleCalendar Rails)

转载 作者:太空宇宙 更新时间:2023-11-04 08:13:43 25 4
gpt4 key购买 nike

我似乎无法将样式应用到 Rails 中的 SimpleCalendar(使用 gem)。

这是渲染的内容:

enter image description here

这是 css,由 https://github.com/excid3/simple_calendar 提供:

.simple-calendar {
table {
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgb(221, 221, 221);
border-collapse: collapse;
box-sizing: border-box;
max-width: 100%;
width: 100%;
}

tr {
border-collapse: collapse;
}

th {
padding: 6px;
border-bottom: 2px solid rgb(221, 221, 221);
border-collapse: collapse;
border-left: 1px solid rgb(221, 221, 221);
border-right: 1px solid rgb(221, 221, 221);
border-top: 0px none rgb(51, 51, 51);
box-sizing: border-box;
text-align: left;
}

td {
padding: 6px;
vertical-align: top;
width: 14%;

border: 1px solid #ddd;
border-top-color: rgb(221, 221, 221);
border-top-style: solid;
border-top-width: 1px;
border-right-color: rgb(221, 221, 221);
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: rgb(221, 221, 221);
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: rgb(221, 221, 221);
border-left-style: solid;
border-left-width: 1px;
}

.day {
height: 80px;
}

.wday-0 {}
.wday-1 {}
.wday-2 {}
.wday-3 {}
.wday-4 {}
.wday-5 {}
.wday-6 {}

.today {
background: #FFFFC0
}

.past {}
.future {}

.start-date {}

.prev-month {
background: #DDD;
}
.next-month {
background: #DDD;
}
.current-month {}

.has-events {}
}

gem 的维护者似乎认为这是由于过时的 boostrap 属性造成的,但 css 中的所有内容对我来说都很好。其他人似乎注意到样式表有什么问题吗?我不是 bootstrap 的忠实粉丝,也不是很熟悉它。

这些属性甚至都没有应用于我的渲染 View 。这里有什么问题?

最佳答案

--application.css.scss--
*= require_tree .
*= require_self
*= require simple_calendar <- try adding this code.

希望这能解决您的问题。

关于css - 日历 css 不工作(Bootstrap、SimpleCalendar Rails),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46059480/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com