修改 Jupyter book 的内容宽度，或 Sphinx 主题 sphinx-book-theme

Question

我正在使用

jupyter-book

，默认情况下使用

sphinx-book-theme

。

有一个左侧边栏、中间栏内容和右侧边栏。我想让内容栏更宽。

这是readthedocs-theme的

回答

，但我不确定这里使用什么样式名称。

Answer 1

_static/css/custom.css

中的以下样式使用

jupyterbook=0.12.1

为

pydata-sphinx-theme.css

创建更宽的内容容器。

为了查找类名，我使用“检查元素”菜单来显示并突出显示（通过将鼠标光标悬停在元素上）包含侧边栏和主要内容（文章）的容器的类。

/* -- .bd-container and .bd-container__inner both need to adjust ---------- */
/* -- this so 'outer container' grows with browser (no L/R 'dead space') -- */
.bd-container {
    max-width: 99%;
}

/* -- this so the 'inner container' fills the outer container -------------- */
.bd-container .bd-container__inner {
    max-width: 99%;
}

/* -- .bd-article-container holds the "text in the middle" (notebook / md) ------ */
/* -- width is as high as as 100 "ems" (characters) wide, scales with font size -*/
.bd-main .bd-content .bd-article-container {
    max-width: 100em;
}