Czy w bootstrapie można uzyskać dołączoną siatkę? Każdy z kwadratów prawdopodobnie byłby obrazem ... a może tekstem!Osiągnięcie złożonej siatki w bootstrapie
Udało mi się, ale uderzyłem w ścianę, gdy chodzi o lewe górne pole, na przykład, które obejmuje dwa rzędy.
Grid:
Użyj zagnieżdżone bloki gdy trzeba swoją siatkę, aby obejmować kilka wierszy. coś takiego:
<div class="row">
<div class="col-sm-6"></div>
<div class="col-sm-6">
<div class="row">
<div class="col-sm-6"></div>
<div class="col-sm-6"></div>
</div>
<div class="row">
<div class="col-sm-6"></div>
<div class="col-sm-6"></div>
</div>
</div>
<div class="col-sm-8">
<div class="row">
<div class="col-sm-8"></div>
<div class="col-sm-4"></div>
</div>
<div class="row">
<div class="col-sm-4"></div>
<div class="col-sm-8"></div>
</div>
</div>
<div class="col-sm-4"></div>
</div>
Następnie można ustawić wysokość dla swoich bloków a siatka jest dobrze iść.
Bardzo dziękuję @TwiStar, dam to! Aby ustawić wysokość bloków, czy zalecamy dodanie nowego pliku .css w folderze css, który odczytuje klasę "wiersza"? – kingprawn123
Polecam posiadanie oddzielnego arkusza stylów z własnymi niestandardowymi klasami, które kontrolują tego rodzaju rzeczy. – Eternal1
Idealne, przepraszam, że zadaję tyle pytań, ale gdybym patrzył na lewe górne pole, na przykład, wstawiłbym to pole do elementu div i nadałem mu klasę niestandardową (przykład) 'topleft'? Ponieważ siatka reaguje, czy możliwe jest odzwierciedlenie szerokości przy zmiennej wysokości? Jeszcze raz dziękuję TwiStar. – kingprawn123
Cóż, mogę zobaczyć, jak osiągnąć to bez bootstraps, więc myślę, że możesz to osiągnąć za pomocą bootstraps. –
Świetne @ web-tiki, co poleciłbyś? Dzięki – kingprawn123
Nie używałbym bootstrapów, ale to bardzo osobiste (nie używam go i nie bardzo go lubię), ale ponieważ pytasz: "czy to możliwe", odpowiadam "tak", ponieważ jest to możliwe bez jest możliwe dzięki bootsraps. Jeśli nie chcesz używać butraps, mogę ci pomóc inaczej, nie mogę. W każdym razie, wiele osób powinno znaleźć rozwiązanie do bootstrapu, więc nie martw się o to. –