Comments (5)
Awesome, thanks for your help! This is certainly enough to get me started, but I can't help feeling that it would be nicer if all editing could be done in markdown, without knowledge of css & bootstrap.
But I think that is more of a gripe with Jekyll than it is with your awesome template. Thanks again!
You can add css classes to markdown elements like links and many others in native markdown! Like this:
[Click me](http://www.google.com){: .btn .btn-warning}
That is on a blog post page, and renders like this:
from chulapa.
HI @thijse :
Thanks for your interest on this template.
On the skin demos, the elements are html code formatted using Bootstrap 4, so for example if you want to render a button you can do:
This is markdown, now we render a button, using html (we can mix those two languages and Jekyll would recognize it)
<button type="button" class="btn btn-primary">Primary</button>
That would we rendered by Jekyll as:
Note that class="btn btn-primary
is a specific css class of Bootstrap.
Have a look to this FAQ where it is explained https://dieghernan.github.io/chulapa/docs/05-faq#add-a-alert-box
For a live application, see this page where I render a button https://dieghernan.github.io/chulapa/docs/03-theming#tool .
The source file of that page is an md file (see https://github.com/dieghernan/chulapa/blob/master/docs/collections/_docs/03_theming.md?plain=1) and the button is produced by these lines:
<div class="text-center my-4">
<a class="btn btn-lg btn-primary mx-1" href="https://www.codeply.com/p/qhEml875ge" role="button">Go to the Codeply sandbox</a>
</div>
If you want to have a look to the source of the Lymcha demo, all the components are produced in html by this template:
https://github.com/dieghernan/chulapa/blob/master/_includes/snippets/bootstrapdemo.html
from chulapa.
Basically, you can use any fragment of html code on the Bootstrap documentation https://getbootstrap.com/docs/4.4/getting-started/introduction/ and it would be rendered by Chulapa with the skin you choose
from chulapa.
Awesome, thanks for your help! This is certainly enough to get me started, but I can't help feeling that it would be nicer if all editing could be done in markdown, without knowledge of css & bootstrap.
But I think that is more of a gripe with Jekyll than it is with your awesome template. Thanks again!
from chulapa.
Yeah, that is explained also in the docs:
Have a look to this FAQ where it is explained https://dieghernan.github.io/chulapa/docs/05-faq#add-a-alert-box
from chulapa.
Related Issues (4)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from chulapa.