Bootstrap dl list

Question

Not working ,this code.i don't know, where is the error?.i made this code after watching these videos.
https://youtu.be/4MZg5mupiJI
https://youtu.be/SYjVh6qGKNk
if code is same , i got different output.
please tell me where is the error?
https://code.sololearn.com/WymuX9jjIEc7/?ref=app

Answer 1

I tried the code on my computer and it works correctly. The problem here is that bootstrap depending on the layout of the device (or container) shows the description normally to facilitate the reading of the content and does not preserve the style

Similarly, the dl-horizontal class seems to have other common problems [1], and in version 4 of Bootstrap it was removed [2]

[1] https://stackoverflow.com/questions/20363545/text-truncated-in-bootstrap-dl-horizontal-element

[2] https://getbootstrap.com/docs/4.0/migration/

Answer 2

what is bootstrap
Bootstrap is a free open source, and is the most popular html, css and javascript framework developed by mark otto and jacob thornton for creating responsive web applications and websites.bootstrap extends the functinality of html, css and javascript.
bootstrap contain html and css based design templates for text, forms, buttons, navigation and other components.
Bootstrap advantages
-->supports responsive design.
-->consistency
-->customizable
-->can be usable with any technology such as html,css,ASP.NET etc...

Answer 3

if you have code link, can you please share to here?
that will be more helpful to me.
thanks for your help🙏🙏.

Answer 4

thanks for the link☺☺

Answer 5

not got output😢

Answer 6

Here is a screenshot of how it looks after executing your code on my laptop (even in the web version of CodePlayground it was not shown correctly)

https://imgur.com/KgTYjnP

Answer 7

Try changing https to http on your

Edit: I had not seen the videos. My recommendation does not have the same result. I will look for the error.

Answer 8

Done :)
https://codepen.io/Msnz/pen/qxrKgz/

Answer 9

nice!

Answer 10

I'll upload it to CodePen, give me a few minutes!

Answer 11

what is this bootstrap.... for what purpose is this used...

Answer 12

thanks for info🙏