Тут смысл в другом. Если вы не умеете себе плитку сделать лучше чем предлагается, то пользуетесь тем что есть. Я себе сделаю плитку лучше и удобнее и буду пользоваться ей :)
Бутстрап, джквери и прочее хороши для тех кто не умеют программировать, чистый код всегда будет лучше, компактнее и быстрее.
Я вот как кризис в 2008 был, забросил все свои онлайн разработки, а сейчас 2-3 месяца назад снова начал потихоньку вникать во всё. Посмотрел коды бутстрапа, джквери и др. таскать эти помойки не захотелось, но хороший удобный подобный инструмент нужен однозначно.
Расписать css для flex, grid, вёрстки и оформления сайта, не так уж и сложно(по крайней мере для меня), и это будет намного эффективнее говнобутстрапа. Также несколько самых полезных js функций и джеквери покуривает в сторонке. Сайт на таком инструменте будет легко настраиваемый, удобный, быстрый...
Чисто моё ИМХО.
suffix, В 100% случаев засирает дисковое пространство пользователей..
Sitealert, На жабаскрипте можно что угодно сотворить, вот только джквери для этого таскать не обязательно. Это я о том что бутстрап и джквери это куча ненужного говна, которое пользователи будут таскать из-за криворуких создателей этих библиотек и разработчиков движков, которые их прикручивают :)
<body><div class="c1"><p>секция1</p></div><div class="c2"><p>секция2</p></div><div class="c3"><p>секция3</p></div><div class="test"><p>секция Test</p></div><script> var d1=document.querySelector('.c1'); var test=document.querySelector('.test'); d1.parentNode.insertBefore(test,d1.nextElementSibling);</script></body>
ЗЫ. для вёрстки всё же лучше использовать стилевое оформление
WebJunior, Можно и так.
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Title</title></head><style>body { display: grid; grid-template-areas: "c1" "test" "c2" "c3"}div.c1{grid-area: c1}div.c2{grid-area: c2}div.c3{grid-area: c3}div.test{grid-area: test}</style><body> <div class="c1"><p>секция1</p></div><div class="c2"><p>секция2</p></div><div class="c3"><p>секция3</p></div><div class="test"><p>секция Test</p></div></body></html>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Title</title> </head> <style> body { display: flex; flex-direction: column; } div[class="c1"]{ order: 1 } div[class="c2"]{ order: 3 } div[class="c3"]{ order: 4 } div[class="test"]{ order: 2 } </style> <body> <div class="c1"> <p>секция1</p> </div> <div class="c2"> <p>секция2</p> </div> <div class="c3"> <p>секция3</p> </div> <div class="test"> <p>секция Test</p> </div> </body> </html>
🍿
Используйте flex или grid
<!DOCTYPE HTML><html> <head> <meta http-equiv="Content-Type" content="text/html; charset="utf-8" /> </head><style>.case1 { width: 700px; height: 500px; margin: 0 auto; position: relative;}.tabl { width: 100%; height: 100%;}.case2{ top: 0; left: 0; width: 100%; height: 100%; position: absolute; text-align: center; display: flex; align-items: center; justify-content: center;}.sova { flex: 0 0 auto;}</style><body><div class=case1> <table border="1" class=tabl> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> </table> <div class=case2> <img class=sova src="https://fsd.multiurok.ru/html/2019/02/04/s_5c57eebe8d949/1075492_11.png"> </div></div></body> </html>
🤣
<table border="1" width=50% align=center> <caption> <img src="https://fsd.multiurok.ru/html/2019/02/04/s_5c57eebe8d949/1075492_11.png"> </caption> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr> <tr> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> <td>ячейка</td> </tr></table>
🤪
Свой "висиаик" как вы говорите с базовыми возможностями можно за несколько минут сделать https://snipp.ru/php/contenteditable вы вот и играетесь до сих пор, копируете готовое и тд. и считаете себя программистом :) Работа есть, дадут задание, кое-как что-то найдёте подправите и довольны. Проекты интереснее есть, конечно, потому что самостоятельно ничего сделать не способны, вы полный ноль..
У меня глядя на вас складывается впечатление безбашенности, у вас нет способности думать и созидать, вы можете только ссылаться на готовые решения, на то что где-то работаете и всё хорошо, плывёте по течению просто. Это как у меня отчим на даче, зачем думать, просто взял и сколотил парник :) а потом оказывается не так надо было и переделывает по нескольку раз потом, и так всё за что не возьмётся. Так и вы мните себя суперзнайкой, а на деле пшик..
"Висиаик-висиаику" рознь. Можно тупо взять готовое решение, можно поиграться как вы выразились, а можно сделать хороший удобный редактор под разные задачи(редактор страниц, отправки сообщений на форуме, обратной связи и др.) И не тяп-ляп как 99% людей это делают и переделывают потом по нескольку раз, а нормально, удобно, чтобы можно было потом при создании каких либо проектов вставить просто команду с параметрами и редактор будет на странице, без всяких плясок с бубнами.
