如何解决在 flexdashboard 中正确对齐轮播
我正在使用 {flexdashboard} 中 {bsplus} 包中的 bs_carousel()
轮播。
我想使用 orientation: rows
并将轮播放在第一行。它应该完全填满第一行。问题是它是向左对齐的,并且它只填充了屏幕的 30%。
当我将方向更改为按列时,轮播已正确对齐,但是,我无法向仪表板添加更多行,这正是我想要做的。
我以为我可以使用 CSS 轻松修复布局,但我不知道要更改哪个属性。
感谢任何帮助。
以下是按行方向的轮播:
---
title: "Carousel"
output:
flexdashboard::flex_dashboard:
orientation: rows
---
```{r setup,include=FALSE}
library(flexdashboard)
library(htmltools)
library(bsplus)
```
Row
-----------------------------------------------------------------------
```{r}
bs_carousel(id = "the_beatles",use_indicators = TRUE) %>%
bs_append(
content = bs_carousel_image(src = "http://ijlyttle.github.io/bsplus/articles/img/john.jpg"),caption = bs_carousel_caption("John Lennon","Rhythm guitar,vocals")
) %>%
bs_append(
content = bs_carousel_image(src = "http://ijlyttle.github.io/bsplus/articles/img/paul.jpg"),caption = bs_carousel_caption("Paul McCartney","Bass guitar,vocals")
) %>%
bs_append(
content = bs_carousel_image(src = "http://ijlyttle.github.io/bsplus/articles/img/george.jpg"),caption = bs_carousel_caption("George Harrison","Lead guitar,vocals")
) %>%
bs_append(
content = bs_carousel_image(src = "http://ijlyttle.github.io/bsplus/articles/img/ringo.jpg"),caption = bs_carousel_caption("Ringo Starr","Drums,vocals")
)
```
它应该看起来像列方向,但可以添加更多行,这在不设置 orientation: rows
的情况下是不可能的:
---
title: "Carousel"
output:
flexdashboard::flex_dashboard:
# orientation: rows
---
```{r setup,include=FALSE}
library(flexdashboard)
library(htmltools)
library(bsplus)
```
Column
-----------------------------------------------------------------------
```{r}
bs_carousel(id = "the_beatles",vocals")
)
```
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。