我可以将 Bootstrap 与 RCloud 一起使用吗？

Question

虽然 Shiny 很棒，但我真的很想制作自己的响应式仪表板并使用自定义品牌，所以我可以使用 Bootstrap in RCloud 吗？

Answer 1

RCloud中添加CSS的方法有以下几种，包括：

方法一.

在 edit.html/view.html 笔记本（标准笔记本界面）中，添加 CSS 作为 RCloud 资产并使用:

 rcloud.install.css(paste0("/notebook.R/",rcloud.session.notebook.id(),"/simple.css"))

注意：这假设 RCloud 资产在同一个笔记本中。如果不是，则需要指定 notebook.R 路径。 notebook.R 有两个目的，1. 将笔记本作为 "scripts" 处理 REST API，从笔记本提供静态资产（例如 CSS）。

方法二.

在 mini.html 笔记本中：

library(rcloud.web) 
html.main <- rcloud.get.asset("method1.html", notebook =rcloud.session.notebook.id())
rcw.result(body=html.main)

其中 method1.html:

<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="/notebook.R/236f9f7e41045780d00f9dbd08b8a890/simple.css">
</head>
<body>
etc.

方法三.

在mini.html笔记本中，使用rcw.result的body参数直接添加HTML:

library(rcloud.web) 
rcw.result( 
body="<script language='javascript' type='text/javascript' src='/notebook.R/e8c8df5eff2161b309213b8f7e7cafd6/simple.js'></script>
<link rel='stylesheet' type='text/css' href='/notebook.R/e8c8df5eff2161b309213b8f7e7cafd6/simple.css' media='screen'/>
<div id=left-margin>A very simple notebook.
<p id=demo>It worked!</p>
<button class=intro type='button' onclick='myFunction()'>Click me</button></div>"
)

注意：内引号必须是单引号。还有其他排列组合，您还可以以相同的方式添加 Javascript 和 JS 库（例如 D3 和 JQuery）——这很好，特别是因为 mini.html 可以注册回调并具有运行只要页面打开，RCloud 会话就可用。

我可以将 Bootstrap 与 RCloud 一起使用吗？

Can I use Bootstrap with RCloud?

css

branding

twitter-bootstrap

rcloud