• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Slider w Bootstrap

VPS Starter Arubacloud
0 głosów
716 wizyt
pytanie zadane 20 czerwca 2015 w HTML i CSS przez SikorKK Użytkownik (610 p.)
Czy jest możliwość zmiany rozmiaru slidera?

1 odpowiedź

+2 głosów
odpowiedź 20 czerwca 2015 przez Comandeer Guru (599,730 p.)
wybrane 20 czerwca 2015 przez SikorKK
 
Najlepsza
Tak. Wystarczy je po prostu nadać sliderowi i powinie się dostosować
komentarz 20 czerwca 2015 przez SikorKK Użytkownik (610 p.)
Ale w jaki sposób mam to zrobić to jest kod:

<div id="carousel-example-generic2" class="carousel slide">
  <!-- Wskaźniki w postaci kropek -->
  <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic2" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic2" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic2" data-slide-to="2"></li>
  </ol>
 
  <!-- Slajdy -->
  <div class="carousel-inner">
    <div class="item active">
      <img src="grafika/zd1.jpg" alt="">
      <!-- Opis slajdu -->
      <div class="carousel-caption">
        <h3>To jest opis</h3>
        <p>pierwszego slajdu</p>
      </div>
    </div>
 
    <div class="item">
      <img src="grafika/zd1.jpg" alt="">
      <!-- Opis slajdu -->
      <div class="carousel-caption">
        <h3>To jest opis</h3>
        <p>drugiego slajdu</p>
      </div>
    </div>
 
    <div class="item">
      <img src="http://placehold.it/1280x500" alt="">
      <!-- Opis slajdu -->
      <div class="carousel-caption">
        <h3>To jest opis</h3>
        <p>trzeciego slajdu</p>
      </div>
    </div>
 
  </div>
 
  <!-- Strzałki do przewijania -->
  <a class="left carousel-control" href="#carousel-example-generic2" data-slide="prev">
    <span class="icon-prev"></span>
  </a>
  <a class="right carousel-control" href="#carousel-example-generic2" data-slide="next">
    <span class="icon-next"></span>
  </a>
</div>
komentarz 20 czerwca 2015 przez Comandeer Guru (599,730 p.)

W CSS choćby:

.carousel 
{
    width: 400px;
}

A wysokość się sama przeskaluje

komentarz 20 czerwca 2015 przez SikorKK Użytkownik (610 p.)
Ok, tylko mi teraz powiedz gdzie ja znajde odpowiedni plik CSS zeby go zmodyfikować?
komentarz 20 czerwca 2015 przez Comandeer Guru (599,730 p.)
Źle do tego podchodzisz. Stylów frameworka się nie modyfikuje! Je się nadpisuje.

Zatem możesz utworzyć drugi arkusz stylów z własnymi stylami i tam wstawiać wszystkie tego typu rzeczy. Możesz też znaleźć plik bootstrap.css i tam na końcu zrobić sobie sekcję z własnymi stylami.

Możesz też pobawić się LESS-em i/lub konfiguracją Bootstrapa http://getbootstrap.com/customize/
komentarz 20 czerwca 2015 przez SikorKK Użytkownik (610 p.)
Aha to zaraz sie tym pobawie, i tak prawde mówiąc nie wiedziałem ze można dodawać własne arkusze stylów w bootstrapie (ale to jest mój początek z bootstrapem wiec jestem usprawiedliwony xD ). Dzięki za pomoc.

Podobne pytania

0 głosów
1 odpowiedź 195 wizyt
pytanie zadane 28 stycznia 2017 w HTML i CSS przez Waldemar Początkujący (410 p.)
0 głosów
2 odpowiedzi 176 wizyt
pytanie zadane 17 stycznia 2017 w HTML i CSS przez Waldemar Początkujący (410 p.)
0 głosów
1 odpowiedź 114 wizyt
pytanie zadane 17 listopada 2017 w HTML i CSS przez Vorex444 Dyskutant (9,610 p.)

92,451 zapytań

141,261 odpowiedzi

319,073 komentarzy

61,853 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Akademia Sekuraka 2024 zapewnia dostęp do minimum 15 szkoleń online z bezpieczeństwa IT oraz dostęp także do materiałów z edycji Sekurak Academy z roku 2023!

Przy zakupie możecie skorzystać z kodu: pasja-akademia - użyjcie go w koszyku, a uzyskacie rabat -30% na bilety w wersji "Standard"! Więcej informacji na temat akademii 2024 znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...