• 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
508 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 (454,620 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 (454,620 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 (454,620 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ź 97 wizyt
pytanie zadane 28 stycznia 2017 w HTML i CSS przez Waldemar Początkujący (390 p.)
0 głosów
2 odpowiedzi 105 wizyt
pytanie zadane 17 stycznia 2017 w HTML i CSS przez Waldemar Początkujący (390 p.)
0 głosów
1 odpowiedź 53 wizyt
pytanie zadane 17 listopada 2017 w HTML i CSS przez Vorex444 Dyskutant (9,660 p.)
Porady nie od parady
Zadając pytanie postaraj się o odpowiedni tytuł, kategorię oraz tagi.Tagi

63,367 zapytań

109,637 odpowiedzi

229,050 komentarzy

44,352 pasjonatów

Przeglądających: 247
Pasjonatów: 17 Gości: 230

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.

...