Ви не увійшли. Будь ласка, увійдіть або зареєструйтесь.
Ласкаво просимо вас на україномовний форум з програмування, веб-дизайну, SEO та всього пов'язаного з інтернетом та комп'ютерами.
Будемо вдячні, якщо ви поділитись посиланням на Replace.org.ua на інших ресурсах.
Для того щоб створювати теми та надсилати повідомлення вам потрібно Зареєструватись.
Український форум програмістів → HTML та CSS → Шлях на Bootstrap вершину
Для відправлення відповіді ви повинні увійти або зареєструватися
Тут я буду задавати купу питань по Bootstrap4.
Перше питання: як зробити горизонтального nav в navbar'і ?
Я то роблю ось так
https://jsfiddle.net/bm4xL1bz/
чому оті лінки однана одній, і як зробити, аби вони були в горизонтальній площині?
треба було додати до ul
navbar-expand-sm
а чому не так:
<ul class="list-inline">
<li class="list-inline-item">Lorem ipsum</li>
<li class="list-inline-item">Phasellus iaculis</li>
<li class="list-inline-item">Nulla volutpat</li>
</ul>тому що в доках по навбару такого нема
Вивчи CSS та більше практикуйся. Вчити Bootstrap не треба. Тим паче, а більшості випадків коли його використовують, для більшості рядових макетів й 80% його функціональності просто не треба.
я вже вивчив css, мені тепер треба вчити bootstrap, alright?
треба не вчити, а щось писати
я вже вивчив css, мені тепер треба вчити bootstrap, alright?
А що там вчити? Ви знаєте, що таке сітка та як вона працює? Все, більше Вам нічого не потрібно. З іншим вже в процесі розберетеся, по-іншому немає сенсу, даремно витрачите час...
FakiNyan написав:я вже вивчив css, мені тепер треба вчити bootstrap, alright?
А що там вчити? Ви знаєте, що таке сітка та як вона працює? Все, більше Вам нічого не потрібно. З іншим вже в процесі розберетеся, по-іншому немає сенсу, даремно витрачите час...
так сітка то саме простіше, аби зрозуміти.
В мене проблема з запам'ятовуванням усіх тих класів, і які класи в які потрібно класти.
Але я зара, наче, трохи розібрався, як з цим усім працювати, так що вже майже на вершині. 
треба не вчити, а щось писати
ви так кажете, наче процес написання не є процесом вивчення
Q-bart написав:треба не вчити, а щось писати
ви так кажете, наче процес написання не є процесом вивчення
але процес просто вивчення не завжди є ефективним
FakiNyan написав:Q-bart написав:треба не вчити, а щось писати
ви так кажете, наче процес написання не є процесом вивчення
але процес просто вивчення не завжди є ефективним
то може то не вивчення, а діяльність, котра нагадує вивчення?
Робив я нещодавно шнягу одну, і там мала бути бічнель
, що може ховатися та з'являтися, коли ми тицяємо на кніпочку.
Так от, я зробив дуже круто:
- бічнелька має
position: fixedта займає ширину в 4 бутстрапівські колонки, а для того, аби приховати її, я просто додаю клас з
left: -40%, таким чином панель їде вліво і там ховається;
- секція контенту займає ширину в 8 бутстрапівських колонок, і має
margin-left: auto;, а коли бічнель ховається, то я встановлюю ширину контенту в усі 12 бутстрапівських колонок.
Вся ця штука працює гарно, але мені не подобається, що ширина бічнелі залежить від ширини всього вікна переглядача всесвітньої мережі, та ще й не повністю ховається, коли віконце маленьке, адже вона їде вліво на 40% віконця.
Очевидним рішенням буде - відмовитись від ширини бічнелі в бутстрапівських колонках, зробити її в пікселях, ну і ще щось там треба зробити, майбуть, але я не впевненний, що, і як саме.
Може хтось вже наробив купу бічнелів та знайшов рецепт, що гарантує найкращий результат? А то мені ліньки розбиратись самому.
https://jsfiddle.net/b64tfra9/
Ширина - по вмісту, на здоров'я.
хмм, а я чось думав, що воно має юзати якісь бутстрапівські класи
тю! так ви зробили так само, як і я. Оте
left: -100% просто на всі 100% ширини віконця штовхають бічнель вліво.
А це означає, що коли я зроблю, аби воно заїзджало вліво за 1сек, то при різній ширині віконця швидкість заїзджання буде різною.
Дійсно, ваша правда. Виправив: https://jsfiddle.net/b64tfra9/1/ - ідея в тому, щоб контейнер був fixed, але сама панель у ньому relative.
А нащо вам потрібен bootstrap, якщо це робиться чистим css в два рядки? Що саме bootstrap тут може спростити?
Дійсно, ваша правда. Виправив: https://jsfiddle.net/b64tfra9/1/ - ідея в тому, щоб контейнер був fixed, але сама панель у ньому relative.
А нащо вам потрібен bootstrap, якщо це робиться чистим css в два рядки? Що саме bootstrap тут може спростити?
так-то воно так, але в мене на бічнелі має бути формочка з всілякими кніпочками та введеннями, а в секції контенту карточки мають бути, через то й юзаю бутстрапа.
То от, чомусь, думаю, що якщо юзаєш бутстрапа, то все має бути частиною бутстрапа і юзати його класи, але бачу, що такі ні.
Ви плутаєте бібліотеку із фреймворком. Ви вибираєте елементи для власного коду з бібліотеки; але ви вбудовуєте власний код до чужого фреймоворку. Bootstrap - лише бібліотека.
Для відправлення відповіді ви повинні увійти або зареєструватися