afeld / bootstrap-toc Goto Github PK
View Code? Open in Web Editor NEWAn automatic table of contents generator, using Bootstrap 3 or 4
Home Page: https://afeld.github.io/bootstrap-toc/
License: MIT License
An automatic table of contents generator, using Bootstrap 3 or 4
Home Page: https://afeld.github.io/bootstrap-toc/
License: MIT License
When I switch to bootstrap5 (using https://cdn.jsdelivr.net/npm/bootstrap@4/dist/js/bootstrap.bundle.min.js) according to the manual
found:
Uncaught DOMException: Failed to execute 'querySelector' on 'Element': '#%E5%89%8D%E8%A8%80' is not a valid selector.
at Object.findOne (https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js:6:9928)
at bn._initializeTargetsAndObservables (https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js:6:73144)
at bn.refresh (https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js:6:71396)
at new bn (https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js:6:71269)
at bn.getOrCreateInstance (https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js:6:8197)
at https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js:6:74198
at i (https://cdn.jsdelivr.net/npm/bootstrap@5/dist/js/bootstrap.bundle.min.js:6:4253)
#%E5%89%8D%E8%A8%80
is just my first heading of the nav. It's #前言
And when I rollback the setting and source to bootstrap4, all is ok.
bootstrap5 beta is out and the biggest change would be the drop of jquery dependency.
I just briefly tested bootstrap-toc
on my website and it appears to be working properly as long as I load bootstrap5
and jquery
. I am not quite sure if it is worthwhile to stop using jquery in bootstrap-toc
but it would be nice if someone tries to tackle it.
Hello,
Thank you for a fantastic job. If you have perspectives for future development, please consider adding the possibility to display this ToC with javascript turned off (just like on bootstrap page).
Thanks for your great work. It's easy to use and save me a lot time.
I generate my pages out of markdown files, while rendering I add some special characters (e.g. '¶', as a link to go back to top) to every heading elements (e.g. <h1>
). So the TOC made by bootstrap-toc
also has them. How to truncate these characters.
Thanks!
I like to generate the TOC myself and use a different layout. There seems to be no documentation available about this situation.
Many thanks for this very useful extension. I have successfully implemented it with my own site following your instructions, with just one caveat.
I have a bootstrap header with sticky-top
header. Right now the #toc
also has a sticky-top
, but is basically fixed to the left of the screen. What is happening now is that the #toc
will be very close to the header initially, but will look good once the header disappears.
Can I make the #toc
relative to the header, scroll with the body, and stay once the header disappears? The github summary page has a similar behavior in which the left "box" moves with the page until the header disappears.
Hello,
I have colleagues in China which can't load the CSS and JS assets from cdn.rawgit.com (net ERR_CONNECTION_TIMED_OUT
)
Did you meet the issue before? Would it make sense to host the files at another (alternate) location?
Thanks.
Since this functionality
see if they want to make it official.
Hi, I use some Chinese characters in my headings, and I found that the auto generated ID of elements is like #-
or #--1
and some of them violate selector's grammar, making the script fail to run.
I tried to modify the code in the following way and it works, preserving main CJK characters in unicode.
Modify this line
var anchor = text.trim().toLowerCase().replace(/[^A-Za-z0-9]+/g, '-');
to
// https://stackoverflow.com/questions/21109011/javascript-unicode-string-chinese-character-but-no-punctuation
var anchor = text.trim().toLowerCase().replace(/[^A-Za-z0-9\u4E00-\u9FCC]+/g, '-');
Can you help me figure out why the toc is not fixed in the right side but instead is moving as I scroll like the rest of the divs?
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="icon" href="demo_icon.gif" type="image/gif" sizes="16x16">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.css" />
<link rel="stylesheet" href="style.css">
<title>Tesouro dos Fiéis</title>
</head>
<nav class="navbar navbar-expand-md navbar-light bg-danger text-light rounded">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample10"
aria-controls="navbarsExample10" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-md-center" id="navbarsExample10">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Tesouro dos Fiéis<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Rosário</a>
</li>
</div>
</li>
</ul>
</div>
</nav>
<body data-spy="scroll" data-target="#toc">
<div class="col-sm-3">
<nav id="toc" data-toggle="toc" class="sticky-top"></nav>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 mx-auto">
<h1 class="text-center">Santo Rosário Tradicional</h1>
<h5 class="text-danger text-center"><em>Latim - Português</em></h5>
<p class="dropcaps">Colocamos nas suas mãos este livrinho, com a intenção de o ajudar a rezar o Santo
Rosário de Nossa Senhora. A oração do Santo Rosário é uma tradição milenar e deve o seu nome à ideia de
que, ao rezar-se cada conta que
o compõe, se oferece uma rosa à Mãe de Deus. Rosário, ou <em>roseiral</em>, invoca, pois, a oferenda de
uma
flor preciosa, tão apreciada no Oriente e no Ocidente, a Nossa Senhora, Ela Própria invocada como
<em>Rosa
Mystica.</em></p>
<p>O Santo Rosário compreende três partes. Por este motivo, em Portugal, refere-se frequentemente o terço,
para
designar uma das três que compõem o conjunto, o qual tem 150 contas menores (por cada uma, a Ave Maria),
divididas em dezenas e intercaladas por 15 contas maiores (por cada conta, o <em>Pater Noster</em>),
juntando-se-lhe a Ladainha da Santíssima Virgem (Lauretana) e outras orações, que o enriquecem,
designadamente ao Sacratíssimo Coração de Nosso Senhor Jesus Cristo, a São Miguel Arcanjo e a São José.
O
número de contas menores alude aos 150 salmos, motivo pelo qual também se chamou Saltério de Nossa
Senhora
ao Santo Rosário.</p>
<p>O Santo Rosário é um tesouro. São tantas as indulgências que lhe foram concedidas pelos Papas que não
podemos
citá-las aqui. Para alcançá-las será necessário recitar todas as contas e meditar em cada mistério, com
as
condições habituais para lucrar indulgência: ter horror ao pecado, ir à Confissão e à Sagrada Comunhão,
ambas com a intenção de obter a indulgência; e orações pelas Intenções do Santo Padre, as quais estão já
agregadas ao Santo Rosário (as quatro contas que se seguem ao crucifixo).</p>
<p>Um rosário ou terço não é um objecto decorativo. Pela sua natureza devocional, dispensa cores berrantes e
acrescentos mundanos, como missangas e outras quinquilharias, cujo uso chega a roçar a profanação. Opte
por
um rosário ou terço com forma tradicional e cores sóbrias (preto, branco, castanho, etc.), cuja cruz
apresente a imagem de Nosso Senhor Crucificado, podendo acrescentar-lhe uma medalha de Nossa Senhora. O
seu
rosário ou terço deve ser devidamente benzido por um sacerdote ou bispo. Depois desta bênção, é um
sacramental. Por isso, beije-o, traga-o consigo, como quem traz uma jóia ou relíquia da Mãe de Deus;
como
quem está munido de uma arma poderosa, que usará para se defender do Inimigo.</p>
<p>Trazer o rosário ou terço consigo não bastará. É preciso que o reze, todos os dias, com muita devoção:
diante
do Santíssimo Sacramento, diante de uma imagem de Nossa Senhora, em igrejas, capelas, em casa, pela rua.
Se
esmorecer na oração, reze-o mesmo a contragosto e peça a Nossa Senhora que lhe melhore o ânimo. Procure
rezar sem pressa, devagar, pronunciando bem cada palavra e sem se distrair com pensamentos inúteis.</p>
<p>Este livrinho está organizado em duas colunas: uma em latim – a língua que a Santa Igreja usa há séculos
e
que dedica, por excelência, ao Culto Divino – e em português. Poderá optar por rezar em qualquer uma das
línguas ou por rezar apenas algumas partes em português.</p>
<p>Se possível, ponha-se de joelhos para rezar o Santo Rosário. Esta postura corporal e outros gestos são
muito
importantes, porque é certo que não rezamos apenas com a boca, mas com a totalidade do nosso corpo.
Rezar de
joelhos dispõe-nos a alma com humildade, diante da majestade de Deus, e corresponde certamente aos
apelos de
Nossa Senhora em Fátima: não veio pedir-nos apenas oração, mas também penitência. Com o Santo Rosário
podemos peregrinar de joelhos pelos mistérios da vida de Nosso Senhor e da Santíssima Virgem,
contemplando,
em cada mistério, os episódios do Evangelho e os seus frutos, concedidos aos fiéis ao longo de tantos
séculos.</p>
<p>Nas aparições de Fátima, a Santíssima Virgem apresentou-Se com o Seu título de Senhora do Rosário
<em>(Regina
Sacratissimi Rosarii)</em> e pediu que rezássemos o terço todos os dias. Respondamos-Lhe com
fidelidade,
nas alegrias e nas tribulações da vida. Pelo Seu Santo Rosário caminharemos na conversão, pedindo perdão
pelos nossos pecados, pedindo a conversão dos outros, desagravando o Sacratíssimo Coração de Nosso
Senhor
Jesus Cristo e o Imaculado Coração de Nossa Senhora. Podemos também suplicar por todas as nossas
necessidades, implorar e agradecer milagres.</p>
<p>É muitíssimo poderosa a oração do Santo Rosário em família ou em grupos de amigos, mesmo pequenos.
Procure,
pois, expandir a devoção do Santo Rosário entre os seus familiares e amigos, oferendo-lhes um rosário ou
um
terço e, sobretudo, ensinando-os a rezá-lo. Se tiver avós ou tios idosos, peça-lhes que o ensinem a
rezar o
Santo Rosário, do modo como foram ensinados pelos respectivos pais e avós. Ensine os seus filhos, netos,
sobrinhos e afilhados a rezá-lo. Lembre-se do exemplo dos Santos Pastorinhos: eram tão pequenos e foram
tão
fiéis aos pedidos do Céu. Por isso, alcançaram a santidade.</p>
<p><em>Laus Deo semper</em></p>
<p>Lisboa, Semana Santa de 2018</p>
<h3 class="text-center">Militia Sancti Michæli:</h3>
<div class="container">
<div class="row">
<div class="col-md-4">Aloisius, Miles Sancti Aloisii Mariæ Grignion</div>
<div class="col-md-4">Aloisius, Miles Sancti Ioannis Fisher</div>
<div class="col-md-4">Alphonsus, Miles Sancti Pii X</div>
<div class="col-md-4">Bernardus, Miles Sanctæ Hyacinthæ</div>
<div class="col-md-4">Emanuel, Miles Sancti Nonii de Sancta Maria</div>
<div class="col-md-4">Emanuel, Miles Sancti Pauli</div>
<div class="col-md-4">Didacus, Miles Sancti Francisci Salesii</div>
<div class="col-md-4">Ferdinandus, Miles Sanctæ Crucis</div>
<div class="col-md-4">Georgius, Miles Sancti Ioseph</div>
<div class="col-md-4">Helder, Miles Sancti Patris Pii</div>
<div class="col-md-4">Hubertus, Miles Sancti Pii V</div>
<div class="col-md-4">Ioannes, Miles Sancti Petri</div>
<div class="col-md-4">Ioannes, Miles Sancti Ioannis Baptista</div>
<div class="col-md-4">Ioseph, Miles Sancti Antonius Olisiponensis</div>
<div class="col-md-4">Ioseph, Miles Sanctæ Catharinæ Senensis</div>
<div class="col-md-4">Ioseph, Miles Sanctæ Mariæ</div>
<div class="col-md-4">Michæl, Miles Sancti Fratris Ægidii</div>
<div class="col-md-4">Michæl, Miles Sanctæ Mariæ Magdalenæ</div>
<div class="col-md-4">Michæl, Miles Sancti Nicolai</div>
<div class="col-md-4">Marcus, Miles Sancti Gregorii Pauli</div>
<div class="col-md-4">Petrus, Miles Sancti Gregorii</div>
<div class="col-md-4">Simon, Miles Sancti Athanasii</div>
</div>
</div>
<h2 class="text-center">Sanctum Rosarium</h2>
<p class="text-danger"><em>Ajoelhe-se. Segure devotamente o crucifixo do seu rosário ou terço e beije-o. Com
o crucifixo, faça o
Sinal da Santa Cruz.</em></p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h4>
<div class="rule">Signum Crucis</div>
</h4>
</div>
<div class="col-md-6 text-center">
<h4>Sinal da Cruz</h4>
</div>
<div class="col-md-6">✠ In nómine Patris, et Fílii, et Spíritus Sancti.</div>
<div class="col-md-6">✠ Em nome do Pai e do Filho e do Espírito Santo.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<p class="text-danger"><em>Com o crucifixo erguido nas mãos, reze as orações que se seguem.</em></p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h3>Ad Crucem</h3>
</div>
<div class="col-md-6 text-center">
<h3>No Crucifixo</h3>
</div>
<div class="col-md-6 text-center">
<h4>Symbolum Apostolorum</h4>
</div>
<div class="col-md-6 text-center">
<h4>Símbolo dos Apóstolos</h4>
</div>
<div class="col-md-6 dropcaps">Credo in Deum, Patrem omnipoténtem, Creatórem cæli et terræ. Et in
Jesum Christum,
Fílium eius
únicum, Dóminùm nostrum: qui concéptus est de Spíritu Sancto, natus ex María Vírgine, passus sub
Pontio Piláto, crucifíxus, mórtuus, et sepúltus: descéndit ad ínferos; tértia die resurréxit a
mórtuis; ascéndit ad cælos; sedet ad déxteram Dei Patris omnipoténtis: inde ventúrus est
judicáre vivos et mórtuos. Credo in Spíritum Sanctum, sanctam Ecclésiam cathólicam, Sanctórum
communionem, remissiónem peccatórum carnis resurrectiónem, vitam ætérnam.</div>
<div class="col-md-6 dropcaps">Creio em Deus, Pai todo-poderoso, Criador do Céu e da Terra; e em
Jesus Cristo,
seu
único Filho, Nosso Senhor, que foi concebido pelo poder do Espírito Santo; nasceu da Virgem
Maria;
padeceu
sob Pôncio Pilatos, foi crucificado, morto e sepultado; desceu à mansão dos mortos; ressuscitou
ao terceiro dia; subiu aos Céus, onde está sentado à direita de Deus Pai todo-poderoso, de onde
há-de vir a julgar os vivos e os mortos. Creio no Espírito Santo, na santa Igreja Católica; na
comunhão dos Santos; na remissão dos pecados; na ressurreição da carne; na vida eterna.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<p class="text-danger"><em>Incline o corpo para a frente, dobre a cabeça para baixo e reze o seguinte:</em>
</p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h4>Confiteor</h4>
</div>
<div class="col-md-6 text-center">
<h4>Confesso</h4>
</div>
<div class="col-md-6 dropcaps">Confíteor Deo omnipoténti, beátæ Maríæ semper Vírgini, beáto Michaéli
Archángelo,
beáto Joánni
Baptístæ, sanctis Apóstolis Petro et Paulo, ómnibus Sanctis, et tibi, pater: quia peccávi nimis
cogitatióne, verbo et ópere: <em>(Percutit sibi pectus ter, dicens:)</em></div>
<div class="col-md-6 dropcaps">Eu me confesso a Deus, todo poderoso, à bem-aventurada sempre Virgem
Maria, ao
bem-aventurado S.
Miguel Arcanjo, ao bem-aventurado S. João Baptista, aos Santos Apóstolos S. Pedro e S. Paulo, a
todos os santos, e a vós, Padre: que pequei muitas vezes por pensamentos, palavras e obras:
<em>(Feche a mão direita e bata no peito por três vezes.)</em></div>
<div class="col-md-6 font-weight-bold">Mea culpa, mea culpa, mea máxima culpa.</div>
<div class="col-md-6 font-weight-bold">Por minha culpa, por minha culpa, por minha tão grande culpa.
</div>
<div class="col-md-6">Ideo precor beátam Maríam semper Vírginem, beátum Michaélem Archángelum,
beátum
Joánnem Baptístam, sanctos Apóstolos Petrum et Paulum, omnes Sanctos, et te, pater, orare pro me
ad
Dóminum, Deum nostrum.</div>
<div class="col-md-6">Portanto rogo à bem-aventurada sempre Virgem Maria, ao bem-aventurado S.
Miguel
Arcanjo, ao bem-aventurado S. João Baptista, aos Santos Apóstolos S. Pedro e S. Paulo, a todos
os
Santos e a vós, Padre, que rogueis a Deus, nosso Senhor, por mim.</div>
</div>
</div>
<div class="text-center">
<h4>Oferecimento do Santo Rosário</h4>
</div>
<p class="dropcaps">Santíssima Virgem, Mãe de Deus, eu Vos ofereço este rosário em desagravo do Santíssimo
Coração de Nosso
Senhor Jesus Cristo, Vosso Filho, e em desagravo do Vosso Coração Imaculado; e pelas intenções que Vos
apresento: <em>(Referir as intenções.)</em></p>
<p class="text-danger"><em>Em seguida, anuncie que as orações depois do crucifixo serão rezadas pelas
Intenções do Santo Padre.</em>
</p>
<div class="text-center">
<h4>Intenções do Santo Padre</h4>
</div>
<div class="container">
<div class="row">
<ul class="list-styled row">
<li class="col-md-6">Exaltatio S. Matris Ecclesiæ.</li>
<li class="col-md-6">Exaltação da Santa Igreja.</li>
<li class="col-md-6">Propagatio fidei.</li>
<li class="col-md-6">Propagação da fé.</li>
<li class="col-md-6">Extirpatio hæresum.</li>
<li class="col-md-6">Extirpação das heresias.</li>
<li class="col-md-6">Conversio peccatorum.</li>
<li class="col-md-6">Conversão dos pecadores.</li>
<li class="col-md-6">Pax inter principes christianos.</li>
<li class="col-md-6">Paz entre os Reis e Príncipes católicos.</li>
</ul>
</div>
</div>
<p class="text-danger"><em>Siga pela primeira conta, depois do crucifixo. Reze nela o Pater Noster. Siga
pelas três contas
seguintes. Reze em cada uma a Ave Maria. No final destas orações, reze a Glória (não tem conta). A
conta
seguinte corresponde ao Pater Noster do primeiro mistério:</em></p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h3>Ad Grana Maiora</h3>
</div>
<div class="col-md-6 text-center">
<h3>Nas contas maiores</h3>
</div>
<div class="col-md-6 text-center">
<h4>Pater Noster</h4>
</div>
<div class="col-md-6 text-center">
<h4>Pai Nosso</h4>
</div>
<div class="col-md-6">℣. Pater noster, qui es in cælis: sanctificétur nomen tuum: advéniat regnum
tuum:
fiat volúntas tua, sicut in cælo, et in terra.</div>
<div class="col-md-6">℣. Pai Nosso, que estais nos céus, santificado seja o Vosso Nome, venha a nós
o
Vosso Reino; seja feita a Vossa vontade assim na terra como no Céu.</div>
<div class="col-md-6">℟. Panem nostrum quotidiánum da nobis hódie: et dimítte nobis débita nostra,
sicut
et nos dimíttimus debitóribus nostris. Et ne nos indúcas in tentatiónem. Sed líbera nos a malo.
</div>
<div class="col-md-6">℟. O pão nosso de cada dia nos dai hoje; perdoai-nos as nossas ofensas, assim
como
nós perdoamos a quem nos tem ofendido; e não nos deixeis cair em tentação; mas livrai-nos do
mal.
</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h3>Ad Grana Minora</h3>
</div>
<div class="col-md-6 text-center">
<h3>Nas contas menores</h3>
</div>
</div>
</div>
<div class="tex-center text-center">
<h4>Ave Maria</h4>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Ave, María, grátia plena, Dóminus tecum; benedícta tu in muliéribus, et
benedíctus fructus ventris tui, Jesus.</div>
<div class="col-md-6">℣. Ave, Maria, Cheia de graça, o Senhor é convosco; bendita sois Vós entre as
mulheres, e bendito é o fruto do Vosso ventre, Jesus.</div>
<div class="col-md-6">℟. Sancta María, Mater Dei, ora pro nobis peccatóribus, nunc, et in hora
mortis
nostræ.</div>
<div class="col-md-6">℟. Santa Maria, Mãe de Deus, rogai por nós, pecadores, agora e na hora da
nossa
morte.
</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h3>Ad Finem Decadum</h3>
</div>
<div class="col-md-6 text-center">
<h3>No fim das dezenas</h3>
</div>
</div>
</div>
<div class="text-center">
<h4>Glória</h4>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Glória Patri, et Fílio, et Spíritui Sancto.</div>
<div class="col-md-6">℣. Glória ao Pai, e ao Filho e ao Espírito Santo.</div>
<div class="col-md-6">℟. Sicut erat in pricípio, et nunc, et semper, et in sǽcula sæculórum.</div>
<div class="col-md-6">℟. Assim como era no princípio, agora e sempre, e por todos os séculos dos
séculos.
</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="text-center">
<h4>Nossa Senhora a Santa Catarina Labouré</h4>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. O Maria sine labe concepta.</div>
<div class="col-md-6">℣. Ó Maria concebida sem pecado.</div>
<div class="col-md-6">℟. Ora pro nobis, qui confugimus ad te.</div>
<div class="col-md-6">℟. Rogai por nós que recorremos a vós.</div>
</div>
</div>
<div class="text-center">
<h4>Nossa Senhora aos Santos Pastorinhos</h4>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Oh mi Jesu, dimitte nobis débita nostra, líbera nos ab igne inférni,</div>
<div class="col-md-6">℣. Ó meu Jesus, perdoai-nos e livrai-nos do fogo do inferno,</div>
<div class="col-md-6">℟. Conduc in cælum omnes animas, præsértim illas quæ máxime indigent
misericórdia
tua.
</div>
<div class="col-md-6">℟. Levai as alminhas todas para o Céu e socorrei principalmente as que mais
precisarem.</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h3>Meditationes Rosarii</h3>
</div>
<div class="col-md-6 text-center">
<h3>Meditações do Rosário</h3>
</div>
</div>
</div>
<p class="text-danger text-center"><em>Segunda-feira e Quinta-feira</em></p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h4>Mystéria Gaudiósa</h4>
</div>
<div class="col-md-6 text-center">
<h4>Mistérios Gozosos</h4>
</div>
</div>
</div>
<p><strong>Primeiro mistério:</strong> Meditemos na Anunciação do Arcanjo São Gabriel à Santíssima Virgem, e
roguemos a virtude da humildade.</p>
<p><strong>Segundo mistério:</strong> Meditemos na Visitação da Santíssima Virgem a Sua Prima, Santa Isabel,
e
roguemos a caridade para com o próximo.</p>
<p><strong>Terceiro mistério:</strong> Meditemos no Nascimento do Menino Jesus, e roguemos o desprendimento
dos
bens do mundo.</p>
<p><strong>Quarto mistério:</strong> Meditemos na Apresentação do Menino Jesus no Templo e na Purificação de
Nossa Senhora, e roguemos a obediência e a pureza do espírito e do coração.</p>
<p><strong>Quinto mistério:</strong>Meditemos na Perda e no Encontro do Menino Jesus no Templo, e roguemos o
conhecimento das coisas divinas e a prontidão no serviço de Deus.</p>
<p class="text-danger text-center"><em>Terça-feira e Sexta-feira</em></p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h4>Mystéria Dolorósa</h4>
</div>
<div class="col-md-6 text-center">
<h4>Mistérios Dolorosos</h4>
</div>
</div>
</div>
<p><strong>Primeiro mistério:</strong> Meditemos na Agonia de N. S. Jesus Cristo, e roguemos a contrição dos
nossos pecados.</p>
<p><strong>Segundo mistério:</strong> Meditemos na flagelação de N. S. Jesus Cristo, e roguemos a
mortificação
dos sentidos.</p>
<p><strong>Terceiro mistério:</strong> Meditemos na Coroação de Espinhos de N. S. Jesus Cristo, e roguemos a
mortificação do espírito e do coração.</p>
<p><strong>Quarto mistério:</strong> Meditemos em N. S. Jesus Cristo levando a Cruz para o Calvário, e
roguemos
a paciência e a resignação.</p>
<p><strong>Quinto mistério:</strong> Meditemos na Crucifixão e Morte de N. S. Jesus Cristo, e roguemos o
amor a
Deus e a salvação das almas.</p>
<p class="text-danger text-center"><em>Quarta-feira, Sábado e Domingo</em></p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h4>Mystéria Gloriósa</h4>
</div>
<div class="col-md-6 text-center">
<h4>Mistérios Gloriosos</h4>
</div>
</div>
</div>
<p><strong>Primeiro mistério:</strong> Meditemos na Ressurreição de N. S. Jesus Cristo, e roguemos para
recebermos o
dom da fé e para a conversão dos pecadores.</p>
<p><strong>Segundo mistério:</strong> Meditemos na Ascensão de N. S. Jesus Cristo, e roguemos a esperança e
o desejo
do céu.</p>
<p><strong>Terceiro mistério:</strong>Meditemos na descida do Divino Espírito Santo, e roguemos o amor a
Deus e o
zelo da salvação das almas.</p>
<p><strong>Quarto mistério:</strong> Meditemos na Assunção da Santíssima Virgem, e roguemos a graça de uma
boa morte
e a devoção a Nossa Senhora.</p>
<p><strong>Quinto mistério:</strong> Meditemos na Coroação da Santíssima Virgem, e roguemos a perseverança
final e a
confiança em Nossa Senhora.</p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h3>Orationes ad Finem Rosarii</h3>
</div>
<div class="col-md-6 text-center">
<h3>Orações no fim do Rosário</h3>
</div>
<div class="col-md-6 text-center">
<h4>Salve Regina</h4>
</div>
<div class="col-md-6 text-center">
<h4>Salve Rainha</h4>
</div>
<div class="col-md-6 dropcaps">Salve, Regina, Mater misericórdiæ, vita, dulcédo et spes nostra,
salve. Ad te
clamámus, éxsules fílii Hevæ. Ad te suspirámus geméntes et flentes in hac lacrimárum valle. Éia
ergo,
advocáta nostra, illos tuos misericórdes óculos ad nos convérte. Et Jesum benedíctum fructum
ventris
tui, nobis, post hoc exsílium, osténde. O clemens, o pia, o dulcis Virgo Maria!</div>
<div class="col-md-6 dropcaps">Salvé, Rainha, mãe de misericórdia, vida, doçura, esperança nossa,
salve! A Vós
bradamos, os degredados filhos de Eva. A Vós suspiramos, gemendo e chorando neste vale de
lágrimas. Eia,
pois, advogada nossa, esses Vossos olhos misericordiosos a nós volvei. E, depois deste desterro,
nos
mostrai Jesus, bendito fruto do Vosso ventre. Ó clemente, ó piedosa, ó doce Virgem Maria.
</div>
<div class="col-md-6">℣. Ora pro nobis, Regina Sacratíssimi Rosárii.</div>
<div class="col-md-6">℣. Rogai por nós, Rainha do Santíssimo Rosário.</div>
<div class="col-md-6">℟. Ut digni efficiámur promissiónibus Christi.</div>
<div class="col-md-6">℟. Para que sejamos dignos das promessas de Cristo.</div>
<div class="col-md-6 text-danger text-center">Orémus.</div>
<div class="col-md-6 text-danger text-center">Oremos.</div>
<div class="col-md-6">Deus, cujus Unigénitus per vitam, mortem et resurrectiónem suam nobis salútis
ætérnæ
prǽmia comparávit, concede, quǽsumus: ut hæc mystéria sacratissimo beátæ Maríæ Vírginis Rosário
recoléntes, et imitémur quod continent, et quod promittunt assequámur. Per eundem Christum
Dóminum
nostrum.</div>
<div class="col-md-6">Ó Deus, cujo Filho Unigénito por sua vida, morte e ressurreição nos alcançou
os
prémios da vida eterna, concedei-nos, Vos suplicamos, que, venerando nós estes mistérios do
Santíssimo
Rosário da Virgem Maria, imitemos o que eles contêm, e alcancemos o que eles prometem. Pelo
mesmo
Cristo, nosso Senhor.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h4>Litaniæ Lauretanæ Beatæ Mariæ Virginis</h4>
</div>
<div class="col-md-6 text-center">
<h4>Ladainha da Santíssima Virgem</h4>
</div>
<div class="col-md-6">Kyrie, eléison.</div>
<div class="col-md-6">Senhor, tende piedade de nós.</div>
<div class="col-md-6">Christe, eléison.</div>
<div class="col-md-6">Jesus Cristo, tende piedade de nós.</div>
<div class="col-md-6">Kyrie, eléison.</div>
<div class="col-md-6">Senhor, tende piedade de nós.</div>
<div class="col-md-6">Christe, áudi nos.</div>
<div class="col-md-6">Jesus Cristo, ouvi-nos.</div>
<div class="col-md-6">Christe, exáudi nos.</div>
<div class="col-md-6">Jesus Cristo, atendei-nos.</div>
<div class="col-md-6">Pater de cælis, Deus, miserére nobis.</div>
<div class="col-md-6">Pai do Céu, que sois Deus, tende piedade de nós.</div>
<div class="col-md-6">Fili, Redémptor mundi, Deus,</div>
<div class="col-md-6">Filho Redentor do mundo, que sois Deus,</div>
<div class="col-md-6">Spíritus Sancte, Deus,</div>
<div class="col-md-6">Espírito Santo, que sois Deus,</div>
<div class="col-md-6">Sancta Trínitas, unus Deus,</div>
<div class="col-md-6">Santíssima Trindade, que sois um só Deus,</div>
<div class="col-md-6">Sancta Maria, ora pro nobis.</div>
<div class="col-md-6">Santa Maria, rogai por nós.</div>
<div class="col-md-6">Sancta Dei Génitrix, ora pro nobis.</div>
<div class="col-md-6">Santa Mãe de Deus, rogai por nós.</div>
<div class="col-md-6">Sancta Virgo vírginum, ora pro nobis.</div>
<div class="col-md-6">Santa Virgem das Virgens, rogai por nós.</div>
<div class="col-md-6">Mater Christi, ora pro nobis.</div>
<div class="col-md-6">Mãe de Cristo, rogai por nós.</div>
<div class="col-md-6">Mater Ecclésiæ, ora pro nobis.</div>
<div class="col-md-6">Mãe da Igreja, rogai por nós.</div>
<div class="col-md-6">Mater divínæ grátiæ, ora pro nobis.</div>
<div class="col-md-6">Mãe da divina graça, rogai por nós.</div>
<div class="col-md-6">Mater puríssima, ora pro nobis.</div>
<div class="col-md-6">Mãe puríssima, rogai por nós.</div>
<div class="col-md-6">Mater castíssima, ora pro nobis.</div>
<div class="col-md-6">Mãe castíssima, rogai por nós.</div>
<div class="col-md-6">Mater invioláta, ora pro nobis.</div>
<div class="col-md-6">Mãe imaculada, rogai por nós.</div>
<div class="col-md-6">Mater intemeráta ora pro nobis.</div>
<div class="col-md-6">Mãe intacta, rogai por nós.</div>
<div class="col-md-6">Mater amábilis, ora pro nobis.</div>
<div class="col-md-6">Mãe amável, rogai por nós.</div>
<div class="col-md-6">Mater admirábilis, ora pro nobis.</div>
<div class="col-md-6">Mãe admirável, rogai por nós.</div>
<div class="col-md-6">Mater boni consílii, ora pro nobis.</div>
<div class="col-md-6">Mãe do bom conselho, rogai por nós.</div>
<div class="col-md-6">Mater Creatóris, ora pro nobis.</div>
<div class="col-md-6">Mãe do Criador, rogai por nós.</div>
<div class="col-md-6">Mater Salvatóris, ora pro nobis.</div>
<div class="col-md-6">Mãe do Salvador, rogai por nós.</div>
<div class="col-md-6">Virgo prudentíssima, ora pro nobis.</div>
<div class="col-md-6">Virgem prudentíssima, rogai por nós.</div>
<div class="col-md-6">Virgo veneranda, ora pro nobis.</div>
<div class="col-md-6">Virgem venerável, rogai por nós.</div>
<div class="col-md-6">Virgo prædicánda, ora pro nobis.</div>
<div class="col-md-6">Virgem louvável, rogai por nós.</div>
<div class="col-md-6">Virgo potens, ora pro nobis.</div>
<div class="col-md-6">Virgem poderosa, rogai por nós.</div>
<div class="col-md-6">Virgo clemens, ora pro nobis.</div>
<div class="col-md-6">Virgem clemente, rogai por nós.</div>
<div class="col-md-6">Virgo fidélis, ora pro nobis.</div>
<div class="col-md-6">Virgem fiel, rogai por nós.</div>
<div class="col-md-6">Speculum justitiæ, ora pro nobis.</div>
<div class="col-md-6">Espelho de justiça, rogai por nós.</div>
<div class="col-md-6">Sedes sapiéntiæ, ora pro nobis.</div>
<div class="col-md-6">Sede de sabedoria, rogai por nós.</div>
<div class="col-md-6">Causa nostræ lætítiæ, ora pro nobis.</div>
<div class="col-md-6">Causa da nossa alegria, rogai por nós.</div>
<div class="col-md-6">Vas spirituále, ora pro nobis.</div>
<div class="col-md-6">Vaso espiritual, rogai por nós.</div>
<div class="col-md-6">Vas honorábile, ora pro nobis.</div>
<div class="col-md-6">Vaso honorífico, rogai por nós.</div>
<div class="col-md-6">Vas insígne devotiónis, ora pro nobis.</div>
<div class="col-md-6">Vaso insigne de devoção, rogai por nós.</div>
<div class="col-md-6">Rosa mystica, ora pro nobis.</div>
<div class="col-md-6">Rosa mística, rogai por nós.</div>
<div class="col-md-6">Turris davídica, ora pro nobis.</div>
<div class="col-md-6">Torre de David, rogai por nós.</div>
<div class="col-md-6">Turris ebúrnea, ora pro nobis.</div>
<div class="col-md-6">Torre de marfim, rogai por nós.</div>
<div class="col-md-6">Domus áurea, ora pro nobis.</div>
<div class="col-md-6">Casa de ouro, rogai por nós.</div>
<div class="col-md-6">Fœderis arca, ora pro nobis.</div>
<div class="col-md-6">Arca da Aliança, rogai por nós.</div>
<div class="col-md-6">Jánua cæli, ora pro nobis.</div>
<div class="col-md-6">Porta do Céu, rogai por nós.</div>
<div class="col-md-6">Stella matutína, ora pro nobis.</div>
<div class="col-md-6">Estrela da manhã, rogai por nós.</div>
<div class="col-md-6">Salus infirmórum, ora pro nobis.</div>
<div class="col-md-6">Saúde dos enfermos, rogai por nós.</div>
<div class="col-md-6">Refúgium peccatórum, ora pro nobis.</div>
<div class="col-md-6">Refúgio dos pecadores, rogai por nós.</div>
<div class="col-md-6">Consolátrix afflictórum, ora pro nobis.</div>
<div class="col-md-6">Consoladora dos aflitos, rogai por nós.</div>
<div class="col-md-6">Auxílium christianórum, ora pro nobis.</div>
<div class="col-md-6">Auxílio dos cristãos, rogai por nós.</div>
<div class="col-md-6">Regína angelórum, ora pro nobis.}</div>
<div class="col-md-6">Rainha dos Anjos, rogai por nós.</div>
<div class="col-md-6">Regína patriarchárum, ora pro nobis.</div>
<div class="col-md-6">Rainha dos Patriarcas, rogai por nós.</div>
<div class="col-md-6">Regína prophetárum, ora pro nobis.</div>
<div class="col-md-6">Rainha dos Profetas, rogai por nós.</div>
<div class="col-md-6">Regína apostolórum, ora pro nobis.</div>
<div class="col-md-6">Rainha dos Apóstolos, rogai por nós.</div>
<div class="col-md-6">Regína mártyrum, ora pro nobis.</div>
<div class="col-md-6">Rainha dos Mártires, rogai por nós.</div>
<div class="col-md-6">Regína confessórum, ora pro nobis.</div>
<div class="col-md-6">Rainha dos Confessores, rogai por nós.</div>
<div class="col-md-6">Regína vírginum, ora pro nobis.</div>
<div class="col-md-6">Rainha das Virgens, rogai por nós.</div>
<div class="col-md-6">Regína sanctórum ómnium, ora pro nobis.</div>
<div class="col-md-6">Rainha de todos os Santos, rogai por nós.</div>
<div class="col-md-6">Regína sine labe originali concépta, ora pro nobis.</div>
<div class="col-md-6">Rainha concebida sem mácula de pecado original, rogai por nós.</div>
<div class="col-md-6">Regína in cælum assúmpta, ora pro nobis.</div>
<div class="col-md-6">Rainha elevada ao Céu em corpo e alma, rogai por nós.</div>
<div class="col-md-6">Regína sacratíssimi rosárii, ora pro nobis.</div>
<div class="col-md-6">Rainha do Santíssimo Rosário, rogai por nós.</div>
<div class="col-md-6">Regína famíliæ, ora pro nobis.</div>
<div class="col-md-6">Rainha da Família, rogai por nós.</div>
<div class="col-md-6">Regína pacis, ora pro nobis.</div>
<div class="col-md-6">Rainha da Paz, rogai por nós.</div>
<div class="col-md-6">Regina Lusitaniæ, ora pro nobis.</div>
<div class="col-md-6">Rainha de Portugal, rogai por nós.</div>
<div class="col-md-6">Agnus Dei, qui tollis peccáta mundi, parce nobis, Dómine.</div>
<div class="col-md-6">Cordeiro de Deus, que tirais o pecado do mundo, perdoai-nos, Senhor.</div>
<div class="col-md-6">Agnus Dei, qui tollis peccáta mundi, exáudi nos, Dómine.</div>
<div class="col-md-6">Cordeiro de Deus, que tirais o pecado do mundo, ouvi-nos, Senhor.</div>
<div class="col-md-6">Agnus Dei, qui tollis peccáta mundi, miserére nobis.</div>
<div class="col-md-6">Cordeiro de Deus, que tirais o pecado do mundo, tende piedade de nós.</div>
</div>
</div>
<div class="text-center">
<h5>No tempo do Advento:</h5>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Angelus Dómini nuntiávit Mariæ.</div>
<div class="col-md-6">℣. O Anjo do Senhor anunciou a Maria.</div>
<div class="col-md-6">℟. Et concépit de Spíritu Sancto.</div>
<div class="col-md-6">℟. E ela concebeu do Espírito Santo.</div>
<div class="col-md-6 text-danger text-center">Orémus.</div>
<div class="col-md-6 text-danger text-center">Oremos.</div>
<div class="col-md-6">Deus, qui de beátæ Mariæ Vírginis útero Verbum tuum, Angelo nuntiánte, carnem
suscípere voluísti, præsta supplícibus tuis; ut, qui vere eam Genetricem Dei crédimus, ejus apud
te
intercessiónibus adjuvémur. Per eúmdem Christum Dóminum nostrum.</div>
<div class="col-md-6">Ó Deus, que, segundo a anunciação do Anjo, quisestes que o Vosso Verbo
assumisse a
carne humana no seio da B. Virgem Maria, concedei aos Vossos suplicantes que os que crêem que
ela é
verdadeira Mãe de Deus sejam auxiliados na Vossa presença com a intercessão das suas preces.
Pelo mesmo
Cristo, nosso Senhor.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="text-center">
<h5>Desde o Natal até à purificação da B. V. Maria:</h5>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Post partum, Virgo, invioláta permansísti.</div>
<div class="col-md-6">℣. Despois do parto permanecestes imaculada.</div>
<div class="col-md-6">℟. Dei Génetrix, intercéde pro nobis.</div>
<div class="col-md-6">℟. Intercedei por nós, ó Mãe de Deus.</div>
<div class="col-md-6 text-danger text-center">Orémus.</div>
<div class="col-md-6 text-danger text-center">Oremos.</div>
<div class="col-md-6">Deus, qui salútis ætérnæ, beátæ Maríæ virginitáte fecúnda, humáno géneri
præmia
præstitísti: tríbue, quæsumus; ut ipsam pro nobis intercédere sentiámus, per quam merúimus
auctórem vitæ
suscípere, Dóminum nostrum Jesum Christum Fílium tuum.</div>
<div class="col-md-6">Ó Deus, que, pela Virgindade fecunda da B. V. Maria, concedestes ao género
humano o
prémio da salvação eterna, permiti, Vos imploramos, que gozemos os efeitos da intercessão
daquela pela
qual fomos julgados dignos de receber o autor da vida, nosso Senhor Jesus Cristo, Vosso Filho.
</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="text-center">
<h5>Da Purificação à Páscoa e após o Tempo Pascal até ao Advento:</h5>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Ora pro nobis, sancta Dei Génitrix.</div>
<div class="col-md-6">℣. Rogai por nós, santa Mãe de Deus.</div>
<div class="col-md-6">℟. Ut digni efficiámur promissiónibus Christi.</div>
<div class="col-md-6">℟. Para que sejamos dignos das promessas de Cristo.</div>
<div class="col-md-6 text-danger text-center">Orémus.</div>
<div class="col-md-6 text-danger text-center">Oremos.</div>
<div class="col-md-6">Concéde nos fámulos tuos, quæsumus, Dómine Deus, perpétua mentis et córporis
sanitáte
gaudére: et gloriósa beátæ Maríæ semper Vírginis intercessióne, a præsénti liberári tristítia,
et ætérna
pérfrui lætítia. Per Christum Dóminum nostrum.</div>
<div class="col-md-6">Senhor Deus, Vos suplicamos, concedei aos Vossos servos o gozo da perpétua
saúde da
alma e do corpo, e pela gloriosa intercessão da B. Maria, sempre Virgem, permiti que sejamos
livres das
tristezas do tempo presente e alcancemos o gozo da alegria eterna. Por Cristo, nosso Senhor.
</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="text-center">
<h5>No Tempo Pascal:</h5>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Gaude et lætáre, Virgo Maria, allelúia.</div>
<div class="col-md-6">℣. Regozijai-vos e alegrai-vos, ó Virgem Maria, aleluia.</div>
<div class="col-md-6">℟. Quia surréxit Dóminus vere, alleluia.</div>
<div class="col-md-6">℟. Porque ressuscitou verdadeiramente o Senhor, aleluia.</div>
<div class="col-md-6 text-danger text-center">Orémus.</div>
<div class="col-md-6 text-danger text-center">Oremos.</div>
<div class="col-md-6">Deus, qui per resurrectiónem Filii tui Dómini nostri Jesu Christi mundum
lætificáre
dignátus es: præsta, quæsumus; ut, per ejus Genitrícem Vírginem Mariam, perpétuæ capiámus gáudia
vitæ.
Per eumdem Christum, Dóminum nostrum.</div>
<div class="col-md-6">Ó Deus, que Vos dignastes alegrar o mundo com a Ressurreição do Vosso Filho,
nosso
Senhor Jesus Cristo, concedei-nos, Vos suplicamos, a graça de alcançarmos pela protecção da V.
Maria,
Sua Mãe, a glória eterna. Pelo mesmo Cristo, nosso Senhor.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="text-center">
<h4>Acto de Reparação</h4>
</div>
<p class="dropcaps">Com aquele profundíssimo respeito que a Fé me inspira, ó meu Deus e meu Salvador, Jesus
Cristo, verdadeiro Deus e
Homem, eu Vos adoro e amo com todo o coração no Augustíssimo Sacramento do Altar, em reparação de todas
as
irreverências, profanações e sacrilégios que por minha desgraça tenha cometido até agora, assim como de
todos os
que no passado se têm feito ou possam (tal não permita Deus) no futuro fazer-se. Adoro-Vos, pois, ó meu
Deus,
não só pelo muito que sois digno de ser amado e adorado, mas, ao menos, conforme o que posso; e quisera
poder
fazê-lo com aquela perfeição de que são capazes todas as criaturas racionais. Deste modo, tenho intenção
de Vos
adorar agora e sempre, não só por aqueles Católicos que Vos não adoram nem amam, mas ainda em
compensação da
adoração que Vos devem os infiéis, os hereges, os cismáticos, os ímpios, os blasfemos, os profanadores,
os
idólatras, os judeus, os maometanos e todos os outros que Vos injuriam e perseguem, e pela conversão de
todos
eles. Ah! Sim, meu Jesus, permiti que todos Vos conheçam, adorem e amem, e Vos dêem graças a todo o
momento no
Santíssimo e diviníssimo Sacramento. Amen.</p>
<h4 class="text-center">Orações ensinadas pelo Anjo aos Santos Pastorinhos</h4>
<div class="text-center">
<h5>I</h5>
</div>
<p class="dropcaps">Meu Deus! Eu creio, adoro, espero e amo-Vos. Peço-Vos perdão para os que não crêem, não
adoram, não esperam e não
Vos amam!</p>
<p class="text-danger"><em>Esta oração reza-se três vezes.</em></p>
<div class="text-center">
<h5>II</h5>
</div>
<p class="dropcaps">Santíssima Trindade, Pai, Filho e Espírito Santo, adoro-Vos profundamente e ofereço-Vos
o Preciosíssimo Corpo,
Sangue, Alma e Divindade de Nosso Senhor Jesus Cristo, presente em todos os sacrários da terra, em
reparação dos
ultrajes, sacrilégios e indiferenças com que Ele mesmo é ofendido. E, pelos méritos infinitos do Seu
Santíssimo
Coração e do Coração Imaculado de Maria, peço-Vos a conversão dos pobres pecadores.
</p>
<p class="text-danger"><em>Esta oração reza-se uma vez.</em></p>
<div class="text-center">
<h4>Oração a São Miguel Arcanjo</h4>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 dropcaps">Sancte Míchaël Archángele, defénde nos in prælio; contra nequitiam et
insidias diáboli
esto præsídium. Imperet illi Deus, súpplices deprecámur: tuque, Princeps milítiæ cæléstis,
Sátanam
aliosque Spíritus malignos, qui ad perditionem animarum pervagantur in mundo, divina virtúte in
inférnum
detrude.</div>
<div class="col-md-6 dropcaps">São Miguel Arcanjo, defendei-nos no combate, sede o nosso auxílio
contra as maldades e
as ciladas do demónio. Instantemente vos pedimos que Deus sobre ele impere; e vós, Príncipe da
Milícia
Celeste, pelo poder divino, precipitai no inferno a Satanás e aos outros espíritos malignos que
vagueiam
pelo mundo para perdição das almas.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="text-center">
<h4>Oração a São José</h4>
</div>
<div class="container">
<div class="row">
<div class="col-md-6 dropcaps">Ad te beáte Joseph, in tribulatióne nostra confúgimus, atque,
imploráto Sponsæ tuæ
sanctíssimæ auxílio, patrocínium quoque tuum fidenter expóscimus. Per eam, quæsumus, quæ te cum
immaculáta Vírgine Dei Genitríce coniúnxit, caritátem, perque patérnum, quo Púerum Iesum
ampléxus es,
amórem, súpplices deprecámur, ut ad hereditátem, quam Iesus Christus acquisívit Sánguine suo,
benígnus
respícias, ac necessitátibus nostris tua virtúte et ope succúrras. Tuére, o Custos
providentíssime
divínæ Famíliæ, Iesu Christi sóbolem eléctam; próhibe a nobis, amantíssime Pater, omnem errórum
ac
corruptelárum luem; propítius nobis, sospítator noster fortíssime, in hoc cum potestáte
tenebrárum
certámine e cælo adésto; et sicut olim Púerum Iesum e summo eripuísti vitre discrímine, ita nunc
Ecclesiam sanctam Dei ab hostílibus insídiis atque ab omni adversitáte défende: nosque síngulos
perpétuo
tege patrocínio, ut ad tui exémplar et ope tua suffúlti, sancte vívere, pie émori,
sempiternámque in
cælis beatitúdinem ássequi possímus.</div>
<div class="col-md-6 dropcaps">Bem-aventurado S. José, a vós recorremos na nossa tribulação, e,
havendo implorado
da Santíssima Virgem, vossa esposa, pedimos também com toda a confiança a vossa protecção. Por
aquele
afecto que vos uniu à Imaculada Virgem Mãe de Deus e pelo paternal amor que consagraste ao
Menino Jesus,
vos rogamos e suplicamos que olheis benigno para a herança que Jesus Cristo nos adquiriu com o
Seu
sangue, e que nos assistais nas nossas necessidades com o vosso poder e auxílio. Protegei, ó
providentíssimo guarda da Sagrada Família, os filhos escolhidos de Jesus Cristo, preservai-nos,
ó pai
amantíssimo, de todo o contágio das doutrinas erróneas e de corrupção; sede-nos propício e
assisti-nos
do alto do céu, ó nosso poderoso libertador, neste combate contra o poder das trevas; e, assim
como
outrora livrastes o Menino Jesus do perigo da morte, assim também, hoje, defendei a santa Igreja
de Deus
das ciladas dos seus inimigos e de todas as adversidades. E a cada um de nós concedei a vossa
constante
protecção, a fim de que, imitando-vos e fortalecidos com o vosso auxílio, possamos viver
santamente,
morrer piamente e alcançar no céu a bem-aventurança eterna.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<div class="text-center">
<h4>Glória</h4>
</div>
<div class="container">
<div class="row">
<div class="col-md-6">℣. Glória Patri, et Fílio, et Spíritui Sancto.</div>
<div class="col-md-6">℣. Glória ao Pai, e ao Filho e ao Espírito Santo.</div>
<div class="col-md-6">℟. Sicut erat in pricípio, et nunc, et semper, et in sǽcula sæculórum.</div>
<div class="col-md-6">℟. Assim como era no princípio, agora e sempre, e por todos os séculos dos
séculos.
</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<p class="text-danger"><em>Repetir a Glória três vezes.</em></p>
<p class="text-danger"><em>No fim, beije o crucifixo e use-o para fazer o Sinal da Santa Cruz.</em></p>
<div class="container">
<div class="row">
<div class="col-md-6 text-center">
<h4>Signum Crucis</h4>
</div>
<div class="col-md-6 text-center">
<h4>Sinal da Cruz</h4>
</div>
<div class="col-md-6">✠ In nómine Patris, et Fílii, et Spíritus Sancti.</div>
<div class="col-md-6">✠ Em nome do Pai e do Filho e do Espírito Santo.</div>
<div class="col-md-6">℟. Amen.</div>
<div class="col-md-6">℟. Amen.</div>
</div>
</div>
<p class="text-danger"><em>Beije novamente o crucifixo e também as contas do rosário ou terço, antes de o
guardar.</em></p>
</div>
</div>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous">
</script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous">
</script>
<script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v1.0.1/dist/bootstrap-toc.min.js"></script>
</body>
</html>
I found myself patching bootstrap-toc
with the following patch to remove ¶
from the end of headers that are frequently generated by anchor-links. These '¶' symbols are usually displayed when the title is hovered over, but would always be displayed in TOC generated by boostrap-toc
. I can create a PR but it seems that this project is no longer merging PRs.
--- a/bootstrap-toc.js
+++ b/bootstrap-toc.js
@@ -89,7 +89,7 @@
generateNavItem: function(headingEl) {
var anchor = this.generateAnchor(headingEl);
var $heading = $(headingEl);
- var text = $heading.data("toc-text") || $heading.text();
+ var text = $heading.data("toc-text") || $heading.text().replace('´', '').replace('¶', '');
return this.generateNavEl(anchor, text);
},
Hi,
I can't seem to find bootstrap-toc as on npm; do you plan to release it on there?
Was talking with @andrewmaier today about the plugin, and realized that the only part of Bootstrap that this plugin relies upon (I think) is Scrollspy. Would be useful to try and list the dependencies more explicitly, so that it can be easily used outside of sites with Bootstrap.
First of all thanks for the plugin, it basically works great - there is just one open question for me.
Currently it works with toplevel and toplevel + 1 (f.e. h1 and h2 | or what scope you define).
What if I want to show the toc for h1 to h6 with correct structure and paddings?
generateNavItem
contains an XSS vector.
https://github.com/afeld/bootstrap-toc/blob/gh-pages/bootstrap-toc.js#L59-L64
generateNavItem: function(headingEl) {
var anchor = this.generateAnchor(headingEl);
var $heading = $(headingEl);
var text = $heading.data('toc-text') || $heading.text();
return $('<li><a href="#' + anchor + '">' + text + '</a></li>');
},
text
is concatenated directly into the html, this means user supplied headers can use escaped <>
and they will be turned into unescaped html. Additionally this means that headers that legitimately use some special html characters may end up ruined in the ToC.
Use jQuery's .text(...)
instead to set it, ideally href
would be set the same way.
Hi,
I'm using bootstrap-toc in an Angular 2 app, and the current method of generating the e.g. #heading
links doesn't play nicely with the Angular 2 router.
For example, I'm using bootstrap-toc on a domain.com/about
page, but with an <a href="#heading">
link generated with bootstrap-toc, it navigates to domain.com#heading
, which reloads the app, as all the Angular 2 routing is handled by Javascript.
I will submit a pull request that uses location.href.replace(location.hash, '')
to put in the full URL, sans-existing hash, before the hash, in each generated link. I can confirm this works with Angular 2 apps, and while I can't test other types of app, I can't imagine it would cause an issue to use the full URL with the hash.
Please let me know if it is acceptable.
I would caution that this might not play nicely with single page apps using the hash location strategy for routing, but I suspect bootstrap-toc wouldn't work with these anyway.
If there is a really long header then the text will go post the boundary of the column it is in. E.g. on the main page:
<ul class="nav">
<li class=""><a href="#usage">Usage is something that we encourage because this is a really awesome plugin</a></li>
</ul>
Will overflow onto the body text.
I am very new to web development, so I'm not sure what the most robust way to solve this problem is. I have tracked down the issue being due to the bootstrap affix plugin.
One possible solution is to give a fixed width of the TOC in the CSS. Clearly this doesn't seem like a great general solution.
The following example
$(function() {
var $myNav = $('...');
Toc.init($myNav);
$('body').scrollspy({
target: $myNav
});
});
will throw an exception:
Error: Syntax error, unrecognized expression: [object Object] .nav li > a
ScrollSpy needs to be initialized with a target
selector, not a jquery object.
As per subject. Using the JavaScript method would have it duplicate the TOC generated, which seemingly seems to be caused by the following code in bootstrap-toc.js:
$(function() { $('nav[data-toggle="toc"]').each(function(i, el) { var $nav = $(el); Toc.init($nav); }); });
At the end of the file. It seems it adds the data-toggle to the element you choose in the function just above, and then this initialises the TOC again. Commenting it out fixed the issue for me.
so i put a jumbotron above the rows to create like a title-header thing for my website. I set it to 100vh to get a nifty look where the first thing the user sees is the opener. But the thing is when I did, the toc gets disabled, i.e. it doesn't print on the screen. I think it might be because of the 100vh, but are there any possible workarounds?
*also it appears that the TOC is locked to the place where it's first rendered (at least using the default toc)
Could you check this issue please
I am scratching my head something fierce. I've used this plugin successfully in the past, and I see it working on live sites, but it's not working for me on an ultra stripped down example -- scrollspy doesn't update the active link. I think it comes down to this library dynamically adding elements, but when that is done, scrollspy expects a refresh so that it knows about the new elements. What I can't figure out is how this is working in any other data-attribute-type setup. Is it just race conditions for sites that have lots of other things going on on the page too? I'm thinking yes.
Would it be prudent to integrate a .scrollspy('refresh')
call in this library code? I can write it, unless that's a terrible idea for a reason I can't see.
Based on the docs and looking at the source on the docs webpage, I tried to create the most simple example and I am running into a problem where the TOC is not tracking the links and activating/deactivating the current heading that is visible on screen:
http://plnkr.co/edit/NFPJEZX45jElRDqCC6pP?p=preview
What am I doing wrong?
If the number of entries in TOC is large and goes off screen vertically, the TOC itself doesn't scroll down.
Would it be possible to implement, as an option? It would be a super useful feature to have.
If header starts with a number, script creates an id with a number at the beginning, which is wrong. In html id can't start with a number. It would also be nice to strip all html entities (e.g. &
) from id.
Boostrap official site has a "Back to top" at the end of the TOC. Could bootstrap-toc add the same feature?
I have a Bootstrap 4 fixed-top
navbar.
When I click a link in bootstrap-toc, the header is hidden under the navbar.
How do I offset it a bit?
Is it possible to specify which header elements to include i.e. only include "h2" in the TOC.
I'm trying this out on a page which uses Bootstrap 4. No luck yet: the menu aligns horizontally and it scrolls off the top of the page.
Bootstrap mentions that affix
is no longer supported in v4.
Do you already see any easy workarounds? (or maybe my symptoms just suggest user error?)
Thanks--
gulp
succeeds on Node v6.10.3, but on v8.9.3 I get Error: Cannot find module 'internal/util/types'
.
Would it be possible for the scroll to have a slight offset to accommodate for a bootstrap navbar?
Right now it highlights something, but the heading tag is behind the navbar. If I could offset the scroll I could line it up better.
Thanks!
Hello,
First, thanks for this plugin.
I have some user generated Markdown converted to HTML with heading, without specifying the ID.
The anchor generated by this plugin are friendly although if the heading starts with a digit, like
<h3> 3.1 Some title level 3</h3>
It will generate an id/anchor 3-1-some-title-level-3
This is not supported by querySelector.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/id
Similarly, an id starting with a digit (E.g., 1234-322-678) or a hyphen followed by a digit (E.g., -123), though valid in HTML, may lead to problems when used in CSS, JavaScript, and Web APIs
First, really good job! I love this plugin!
Is there a way to automatically break the heading line when it's overflowing from its div?
I could use word-wrap: break-word;
but it doesn't work because I have my nav with position: fixed;
Bootstrap toc with Wordpress
First of I just want to let you know I'm not a developer or have any background/knowledge with web development. I'm not even sure if you even considered Wordpress part of the scope for this plugin, but I wanted to reach out and see if anyone can help.
I followed the instructions and added the Bootstrap and Bootstrap TOC css and js files and Scrollspy code accordingly. Since, my site is on Wordpress I created a sidebar for single posts and added the
code to a widget.Now, the toc is automatically populated and displays for each post. But on each post the toc shows the title of the most recent published post, which is not even relevant to the post.
Also, it only shows up to H2 headings. Not all posts have H3 headings, but those that do they are not displayed under the TOC. If you need an example here is a post that has h3 headings and you will see the first item in the TOC has nothing to do with the post: https://www.ivasays.com/zagreb-croatia-travel-guide/
I'm not sure if this is an issue with the implementation or something I'm doing.
I want to run some code prior to initializing Toc, and I want to run it after the document is ready, so it looks something like this:
$( function() {
var $thing = $('#otp');
Toc.init( $thing );
} );
The thing is, this creates the Toc nav which is then created again when the document ready method in your library is fired - so I'm ending up with multiple UL's in the nav creating repeating headings.
Do you have any suggestions on what I should do?
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.