NOVINKA - Online rekvalifikační kurz Python programátor. Oblíbená a studenty ověřená rekvalifikace - nyní i online.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze – Lekce 8 - Bootstrap - Tlačítka

Zpět

Upozorňujeme, že diskuze pod našimi online kurzy jsou nemoderované a primárně slouží k získávání zpětné vazby pro budoucí vylepšení kurzů. Pro studenty našich rekvalifikačních kurzů nabízíme možnost přímého kontaktu s lektory a studijním referentem pro osobní konzultace a podporu v rámci jejich studia. Toto je exkluzivní služba, která zajišťuje kvalitní a cílenou pomoc v případě jakýchkoli dotazů nebo projektů.

Komentáře
Avatar
Patrik Weber
Člen
Avatar
Patrik Weber:16.2.2018 14:03

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

 
Odpovědět
16.2.2018 14:03
Avatar
Tomas
Člen
Avatar
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

 
Odpovědět
27.2.2018 13:11
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na Tomas
David Hartinger:11.3.2018 21:48

Díky, opraveno :)

Odpovědět
11.3.2018 21:48
New kid back on the block with a R.I.P
Avatar
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#…

 
Odpovědět
9.11.2018 18:55
Avatar
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

<span class="input-group-addon" id="btnGroupAd­don">www.</span>

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

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

 
Odpovědět
10.11.2018 14:03
Avatar
Odpovídá na Jan Jurníček
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>

 
Odpovědět
10.11.2018 16:19
Avatar
Odpovídá na Jan Jurníček
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:

  1. 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/pop­per.min.js".
  2. 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("~/bun­dles/popper.js")­.Include(
    "~/Scripts/um­d/popper.min.js"));

 
Odpovědět
12.11.2018 8:38
Avatar
Odpovídá na Jan Jurníček
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("~/bun­dles/moderniz­r") %>
<%: Scripts.Render("~/bun­dles/popper.js") %>
</asp:PlaceHolder>

 
Odpovědět
12.11.2018 8:41
Avatar
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.bun­dle.min.js a stále to nefuguje. Děkuji.

 
Odpovědět
19.1.2023 11:28
Avatar
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.)

 
Odpovědět
19.1.2023 15:21
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 10 zpráv z 16.