From ba0e2df6d3c2fc2135b9cdd74ec287c128d7feca Mon Sep 17 00:00:00 2001 From: JoannaSendecka <161479597+JoannaSendecka@users.noreply.github.com> Date: Tue, 16 Apr 2024 10:18:36 +0200 Subject: [PATCH] Delete _posts/2017-09-17-Use-Bootstrap.md --- _posts/2017-09-17-Use-Bootstrap.md | 116 ----------------------------- 1 file changed, 116 deletions(-) delete mode 100644 _posts/2017-09-17-Use-Bootstrap.md diff --git a/_posts/2017-09-17-Use-Bootstrap.md b/_posts/2017-09-17-Use-Bootstrap.md deleted file mode 100644 index 62b7f557..00000000 --- a/_posts/2017-09-17-Use-Bootstrap.md +++ /dev/null @@ -1,116 +0,0 @@ ---- -layout: post -title: "Bootstrap" -bootstrap: true -tags: [Test] -categories: Demo ---- - -This theme is compatible with Bootstrap if you choose to use it in your pages or posts. -Here is a little demo with a code snippet, look at the source to see how the HTML and markdown get tangled. - -## Use bootstrap - -Add some custom Bootstrap in the custom layout! - -startbootstrap - -### Snippet example - -If you are new to Bootstrap you can always check the [documentation](https://getbootstrap.com/docs/4.1/getting-started/introduction/).
-Here is an example from [startbootstrap.com](https://startbootstrap.com/snippets/portfolio-two-column). - - -
- -
-
-
- -
-

- Project One -

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

-
-
-
-
-
- -
-

- Project Two -

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque. Non magni, voluptates quae, necessitatibus unde temporibus.

-
-
-
-
-
- -
-

- Project Three -

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

-
-
-
-
-
- -
-

- Project Four -

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque. Non magni, voluptates quae, necessitatibus unde temporibus.

-
-
-
-
-
- -
-

- Project Five -

-

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.

-
-
-
-
-
- -
-

- Project Six -

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit aliquam aperiam nulla perferendis dolor nobis numquam, rem expedita, aliquid optio, alias illum eaque. Non magni, voluptates quae, necessitatibus unde temporibus.

-
-
-
-
- - -
- - -### Mix it with Markdown - -All the above was custom HTML with Bootstrap. -You can also mix it up with some markdown. - -You can use the bootstrap's build in javascript API to control your event. -Here is a code snippet for the [documentation](https://getbootstrap.com/docs/4.0/getting-started/javascript/): - -```js -$('#myModal').on('show.bs.modal', function (e) { - if (!data) return e.preventDefault() // stops modal from being shown -}) -``` - -That's just for demo though, you would need to properly integrate your javascript in your page. -Usually you would put any custom javascript script in the _assets_ folder under js and reference it in your page from there. - -So try it out using the `bootstrap: true` flag! 😉