Difference between revisions of "Team:DUT China B/Human Practices"
| Line 256: | Line 256: | ||
</div> | </div> | ||
</div> | </div> | ||
| − | + | <div class="row align-items-center justify-content-end how-it-works"> | |
| − | + | <div class="col-6 text-right"> | |
| − | + | <h5>Using Bootstrap</h5> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | <div class="col-6"> | + | |
| − | <h5> | + | |
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.</p> | <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.</p> | ||
| − | </div> | + | </div> |
| − | <div class="col-2 text-center | + | <div class="col-2 text-center full"> |
| − | <div class="circle"> | + | <div class="circle">2</div> |
</div> | </div> | ||
</div> | </div> | ||
Revision as of 09:58, 18 October 2019
Vertical Left-Right Timeline
1
Fully Responsive
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.
Using Bootstrap
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.
2
1
Fully Responsive
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.
Using Bootstrap
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor gravida aliquam. Morbi orci urna, iaculis in ligula et, posuere interdum lectus.
2