Text file tree
Transform your simple <ul> - <li> structure into a beautiful character based file tree.
- vsdocs/
-
css/
- custom.css // Hi there, I'm a comment.
- style.css // Nice to meet you, I'm a comment too.
- style.min.css
-
fonts/
- fontawesome.otf
- fontawesome-webfont.eot
- fontawesome-webfont.svg
-
img/
- img1.jpg
- img2.png
- img3.gif
-
js/
- all.js
- custom.js
-
less/
- custom.less
- style.less
- index-1.html
- index-2.html
- index-3.html
-
css/
Collapsed on load
Once downloaded, unzip the compressed folder to see the structure of Bootstrap. You'll see something like this:
Docs file hierarchy
- css - eius esse, nobis libero quo eligendi similique ducimus laboriosam
- custom.css - numquam veniam, soluta vitae magni deserunt velit officiis suscipi
- style.css - doloribus sapiente corrupti maxime, praesentium beatae id quisquam qui
- style.min.css - sit in ea ducimus numquam culpa. sint qui au
- fonts - voluptatibus sint placeat excepturi, aut eos fugiat voluptas nobis
- fontawesome.otf - nulla, maxime aliquid illum, provident dolores dolor. saepe quo
- fontawesome-webfont.eot - recusandae illo fugiat itaque, illum id quasi cupiditate nem
- fontawesome-webfont.svg - ipsa quae error voluptates fugiat. vel eius consequatur nequ
- fontawesome-webfont.ttf - debitis ea error repellat, sed cupiditate consequatur perspiciatis? ess
- fontawesome-webfont.woff - dolor facilis accusamus consequatur necessitatibus itaque aliquam mollitia accusantiu
- fontawesome-webfont.woff2 - laborum hic nostrum eveniet rerum cum nesciunt placeat praesentiu
- img - culpa provident, dolorum totam quisquam numquam consectetur mollitia commod
- img1.jpg - iusto rem iure sunt qui officia quod voluptatum ame
- img2.png - consequatur beatae dolorem soluta non nisi, quod ullam molestia
- img3.gif - nemo reprehenderit sint deserunt ratione excepturi. fugit a qui
- ... - maiores cum nobis vitae amet aspernatur a quia eum
- js - earum blanditiis maiores modi nostrum cumque repellat aperiam doloremque
- all.js - laudantium architecto a voluptatibus impedit veniam ea libero erro
- custom.js - beatae molestiae, aut deleniti sit voluptatem maiores facere expedita
- less - quidem adipisci, laudantium, inventore ea totam vel temporibus labor
- custom.less - animi asperiores, unde veniam doloremque accusamus numquam. alias inventor
- style.less - explicabo voluptas molestias nulla hic, ipsa quisquam id ill
- swf - necessitatibus repudiandae cum omnis eligendi, quod, sunt doloremque ver
- zeroclipboard.swf - necessitatibus pariatur facere a. soluta sint excepturi expedita corpori
- index-1.html - quis cum ratione laboriosam ducimus iure voluptates quaerat si
- index-2.html - omnis ipsa quas vel alias illum nostrum deleniti officiis
- index-3.html - libero et id laborum laboriosam dignissimos a! cum molestia
- ... - quas provident minus, nisi excepturi culpa rerum voluptates e
Expanded on load
Once downloaded, unzip the compressed folder to see the structure of Bootstrap. You'll see something like this:
Docs file hierarchy
- css - eius esse, nobis libero quo eligendi similique ducimus laboriosam
- custom.css - numquam veniam, soluta vitae magni deserunt velit officiis suscipi
- style.css - doloribus sapiente corrupti maxime, praesentium beatae id quisquam qui
- style.min.css - sit in ea ducimus numquam culpa. sint qui au
- fonts - voluptatibus sint placeat excepturi, aut eos fugiat voluptas nobis
- fontawesome.otf - nulla, maxime aliquid illum, provident dolores dolor. saepe quo
- fontawesome-webfont.eot - recusandae illo fugiat itaque, illum id quasi cupiditate nem
- fontawesome-webfont.svg - ipsa quae error voluptates fugiat. vel eius consequatur nequ
- fontawesome-webfont.ttf - debitis ea error repellat, sed cupiditate consequatur perspiciatis? ess
- fontawesome-webfont.woff - dolor facilis accusamus consequatur necessitatibus itaque aliquam mollitia accusantiu
- fontawesome-webfont.woff2 - laborum hic nostrum eveniet rerum cum nesciunt placeat praesentiu
- img - culpa provident, dolorum totam quisquam numquam consectetur mollitia commod
- img1.jpg - iusto rem iure sunt qui officia quod voluptatum ame
- img2.png - consequatur beatae dolorem soluta non nisi, quod ullam molestia
- img3.gif - nemo reprehenderit sint deserunt ratione excepturi. fugit a qui
- ... - maiores cum nobis vitae amet aspernatur a quia eum
- js - earum blanditiis maiores modi nostrum cumque repellat aperiam doloremque
- all.js - laudantium architecto a voluptatibus impedit veniam ea libero erro
- custom.js - beatae molestiae, aut deleniti sit voluptatem maiores facere expedita
- less - quidem adipisci, laudantium, inventore ea totam vel temporibus labor
- custom.less - animi asperiores, unde veniam doloremque accusamus numquam. alias inventor
- style.less - explicabo voluptas molestias nulla hic, ipsa quisquam id ill
- swf - necessitatibus repudiandae cum omnis eligendi, quod, sunt doloremque ver
- zeroclipboard.swf - necessitatibus pariatur facere a. soluta sint excepturi expedita corpori
- index-1.html - quis cum ratione laboriosam ducimus iure voluptates quaerat si
- index-2.html - omnis ipsa quas vel alias illum nostrum deleniti officiis
- index-3.html - libero et id laborum laboriosam dignissimos a! cum molestia
- ... - quas provident minus, nisi excepturi culpa rerum voluptates e