Diskusia – 8. diel - Bootstrap - Tlačidlá

Späť

Upozorňujeme, že diskusie pod našimi online kurzami sú nemoderované a primárne slúžia na získavanie spätnej väzby pre budúce vylepšenie kurzov. Pre študentov našich rekvalifikačných kurzov ponúkame možnosť priameho kontaktu s lektormi a študijným referentom pre osobné konzultácie a podporu v rámci ich štúdia. Toto je exkluzívna služba, ktorá zaisťuje kvalitnú a cielenú pomoc v prípade akýchkoľvek otázok alebo projektov.

Komentáre

Patrik Weber

Člen

Patrik Weber:16.2.2018 14:03

je super že tu je i BS a ulehčím si tím studium v angličtině s tímto se styluje jedna radost

Odpovedať

16.2.2018 14:03

Tomas

Člen

Tomas:27.2.2018 13:11

Jen takový detail - Tohle je asi myšlené opačně:

.btn-group-lg pro malá tlačítka
Nic pro standardní velikost
.btn-group-sm pro velká tlačítka

Odpovedať

27.2.2018 13:11

David Hartinger

Vlastník

David Hartinger:11.3.2018 21:48

Díky, opraveno

Odpovedať

11.3.2018 21:48

New kid back on the block with a R.I.P

Jan Jurníček

Člen

Jan Jurníček:9.11.2018 18:55

Tlačítko s dropdownem potřebuje popper.js nebo popper.min.js a zde bych chtěl varovat před verzí, která je momentálně jako balíček na NuGet. Momentálně je tam starší verze 1.14.3, která způsobuje chybu v Bootstrapu, totiž, že objekt Popper není definován.

Verze, kterou použil autor a také verze stažené z adres, na něž odkazuje autor Popperu Federico Zivolo alias FezVrasta na svých stránkách, fungují. Jsou to tedy adresy https://unpkg.com/popper.js a https://unpkg.com/…opper.min.js, odkazované z https://github.com/…ta/popper.js#…

Odpovedať

9.11.2018 18:55

Jan Jurníček

Člen

Jan Jurníček:10.11.2018 14:03

Zjistil jsem, že nynější verze 4.1.3 Bootstrapu nezná třídu "input-group-addon", takže konstrukci

z příkladu "Nástrojová lišta" je nutno nahradit konstrukcí

<div class="input-group-prepend">
<span class="btnGroupAddon" id="basic-addon1">www.</span>
</div>
kterou najdeme zde: https://getbootstrap.com/…input-group/

Odpovedať

10.11.2018 14:03

Jan Jurníček

Člen

Jan Jurníček:10.11.2018 16:19

Opravuju odkaz https://getbootstrap.com/…input-group/
a konstrukci:
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1">@</span>
</div>

Odpovedať

10.11.2018 16:19

Jan Jurníček

Člen

Jan Jurníček:12.11.2018 8:38

A ještě musím opravit svůj komentář k Popperu. Problém spočívá v tom, že je potřeba zajistit dvě věci:

Je třeba, aby byla použita verze Popperu, uložená v podsložce umd. Takže - stáhnete-li si balíček popper.js do Visual Studia, použijte link na "/Scripts/umd/popper.min.js".
Link by měl předcházet linku na bootstrap. Ve Visual Studiu 2017 jsem to zajistil tak, že jsem link zaregistroval v metodě statické RegisterBundles třídy BundleConfig, uložené ve složce App_Start:
bundles.Add(new ScriptBundle("~/bundles/popper.js").Include(
"~/Scripts/umd/popper.min.js"));

Odpovedať

12.11.2018 8:38

Jan Jurníček

Člen

Jan Jurníček:12.11.2018 8:41

... a v záhlaví stránky (zde master page) jsem doplnil:
<asp:PlaceHolder runat="server">
<%: Scripts.Render("~/bundles/modernizr") %>
<%: Scripts.Render("~/bundles/popper.js") %>
</asp:PlaceHolder>

Odpovedať

12.11.2018 8:41

Jiří Pokorný

Člen

Jiří Pokorný:19.1.2023 11:28

Prosím o sdělení, jaký .js soubor je nutné stáhnout pro funkci vypínače. Zkoušel jsem bootstrap.min.js, popper.min.js, bootstrap.bundle.min.js a stále to nefuguje. Děkuji.

Odpovedať

19.1.2023 11:28

Jiří Pokorný

Člen

Jiří Pokorný:19.1.2023 15:21

Už jsem na to přišel, chyba byla v tom, že jsem používal nejnovější verzi Boostrapu (5.3), nikoliv verzi 4.6, která umožňuje ostylování tlačítek jako vypínače. (JS plugin verze 5.3 nelze použít k vytvoření "vypínače" dle výše uvedeného tutoriálu.)

Odpovedať

19.1.2023 15:21

Robíme čo je v našich silách, aby bola tunajšia diskusia čo najkvalitnejšia. Preto do nej tiež môžu prispievať len registrovaní členovia. Pre zapojenie sa do diskusie sa zaloguj. Ak ešte nemáš účet, zaregistruj sa, je to zadarmo.

Zatiaľ nikto nevložil komentár - buď prvý!

Najčastejšie vyhľadávané

Diskusia – 8. diel - Bootstrap - Tlačidlá