Jumbotron zdjęcie wyżej

pytanie zadane 8 grudnia 2016 w HTML i CSS przez kon.bed21 Obywatel (1,610 p.)

Witam od jakiegoś czasu pracuje z bootstrapem i mam pewien kłopot, chcę by zdjęcie było wyżej.

Tu kod:

<div class="col-lg-10">
                    <div class="jumbotron">
                        <div>
                            <h2>Blaise Pascal</h2>
                            <p><h4>Blaise Pascal, pol. Błażej Pascal (ur. 19 czerwca 1623 w Clermont-Ferrand,<br>
                                zm. 19 sierpnia 1662 w Paryżu) – francuski matematyk, fizyk i filozof religii.<br>
                                Był niezwykle uzdolnionym dzieckiem, wyedukowanym przez ojca. Jego<br>
                                wczesne dzieła powstawały spontanicznie, lecz w istotny sposób przyczyniły <br>
                                się do rozwoju nauki. Miał on znaczący wkład w konstrukcję mechanicznych <br>
                                kalkulatorów i mechanikę płynów; sprecyzował także pojęcia ciśnienia i próżni,<br>
                                uogólniając prace Torricellego. W swoich opracowaniach bronił metody naukowej.</h4></p>
                            <p><a class="btn btn-primary btn-lg">Czytaj dalej!</a></p>
                            <p><a class="btn btn-default btn-lg" href="Blaise Pascal.pptx" download="Blaise Pascal.pptx">Pobierz prezentację!</a></p>
                            <img width="150pxpx" alt="Blaise Pascal" src="images/Pascal.jpg" style="float: right;" />
                        </div>
                    </div>
                </div>

Z góry dziękuje

1 odpowiedź

odpowiedź 8 grudnia 2016 przez HaKIM Szeryf (87,590 p.)

O ile margin-top nie śmiga to możesz skorzystać z:

posistion: absolute;

.jumbotron{
  position: relative; // Aby nie wyjeżdżał poza div'a.
 /*...*/
}

img{
  position: absolute;
  top: 10px; // Odstęp od górnej ścianki: 10px;
  right: 60px; // Odstęp od prawej ścianki: 60px;
}