Lionel Concept Lionel-Johnson
Lionel-Johnson
/ bouton-de-partage-reseaux-sociaux.markdown
Created
March 2, 2023 17:35
Bouton de partage réseaux-sociaux
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container mt-3"> | |
| <h1>Footer test</h1> | |
| <p>Proof of concept de positionnement du bouton haut.</p> | |
| <h2>Test 1 avec flexbox</h2> | |
| <h3>Comportement</h3> | |
| <ul> | |
| <li>Le bouton "haut" est tuojours aligné à droite</li> | |
| <li>La marge entre le bouton et le bore de la page est toujours la même (mobile et desktop)</li> | |
| <li>Le bord droite du bouton "haut" est toujours aligné avec le texte du contenu</li> | |
| <li>On peut mettre autant de bouton de partage que l'on veut</li> |
A Pen by bhupinder singh on CodePen.
Using CSS 3D transforms, and just a bit of Javascript. More information on my blog.
A Pen by Dudley Storey on CodePen.
Lionel-Johnson
/ bootstrap-multiple-carousel.markdown
Created
February 6, 2023 15:00
Bootstrap multiple carousel
A little hack for Bootstrap native carousel to work in multiple items
A Pen by Vitalij Petráš on CodePen.
Lionel-Johnson
/ bootstrap-multiple-carousel.markdown
Created
February 6, 2023 15:00
Bootstrap multiple carousel
A little hack for Bootstrap native carousel to work in multiple items
A Pen by Vitalij Petráš on CodePen.
Lionel-Johnson
/ index.html
Created
February 6, 2023 14:54
multiple items per slide in bootstrap carousel
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <h1>Use Bootstrap 3's carousel to show multiple items per slide.</h1> | |
| <div class="row"> | |
| <div class="col-md-12"> | |
| <div class="carousel slide multi-item-carousel" id="theCarousel"> | |
| <div class="carousel-inner"> | |
| <div class="item active"> | |
| <div class="col-xs-4"><a href="#1"><img src="https://source.unsplash.com/300x300/?perth,australia" class="img-responsive"></a></div> | |
| </div> | |
| <div class="item"> |
Lionel-Johnson
/ bootstrap-todo-design.markdown
Created
January 25, 2023 23:16
Bootstrap - Todo Design
Lionel-Johnson
/ bootstrap-todo-design.markdown
Created
January 25, 2023 23:16
Bootstrap - Todo Design
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <main id="todolist"> | |
| <h1> | |
| Todo List | |
| <span>Get things done, one item at a time.</span> | |
| </h1> | |
| <template v-if="todo.length"> | |
| <transition-group name="todolist" tag="ul"> | |
| <li v-for="item in todoByStatus" v-bind:class="item.done ? 'done' : ''" v-bind:key="item.id"> | |
| <span class="label">{{item.label}}</span> |
NewerOlder