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

Slider w Bootstrap

0 głosów
538 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 Mentor (464,420 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 Mentor (464,420 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 Mentor (464,420 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ź 103 wizyt
pytanie zadane 28 stycznia 2017 w HTML i CSS przez Waldemar Początkujący (390 p.)
0 głosów
2 odpowiedzi 115 wizyt
pytanie zadane 17 stycznia 2017 w HTML i CSS przez Waldemar Początkujący (390 p.)
0 głosów
1 odpowiedź 55 wizyt
pytanie zadane 17 listopada 2017 w HTML i CSS przez Vorex444 Dyskutant (9,660 p.)
Porady nie od parady
Wynikowy wygląd pytania, odpowiedzi czy komentarza, różni się od tego zaprezentowanego w edytorze postów. Stosuj więc funkcję Podgląd posta znajdującą się pod edytorem, aby upewnić się, czy na pewno ostateczny rezultat ci odpowiada.Podgląd posta

67,016 zapytań

113,929 odpowiedzi

241,411 komentarzy

46,959 pasjonatów

Przeglądających: 143
Pasjonatów: 2 Gości: 141

Motyw:

Akcja Pajacyk

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

Oto dwie polecane książki warte uwagi. Pełną listę znajdziesz tutaj.

...