Slider w Bootstrap

Question

Czy jest możliwość zmiany rozmiaru slidera?

Answer 1

Tak. Wystarczy je po prostu nadać sliderowi i powinie się dostosować

Comments

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>

---

W CSS choćby:

.carousel 
{
    width: 400px;
}

A wysokość się sama przeskaluje

---

Ok, tylko mi teraz powiedz gdzie ja znajde odpowiedni plik CSS zeby go zmodyfikować?

---

Ź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/

---

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.