Bootstrap è un framework lato client ideato appositamente per il web design responsive.
Si basa sulla suddivisione dello schermo in una griglia di 12 colonne.
Fermo restando che se vuoi imparare bene le cose devi partire dalle fondamentali: html5, css3, media query, javascript, jquery
c'è da dire che bootstrap è un ottimo framework, che ti fornisce un 'impostazione' ben fatta.
Avendo conoscenza delle fondamentali di cui prima puoi customizzare l'interfaccia in base alle tue esigenze andando a sovrascrivere stili o aggiungendone altri.
Qui un esempio base basato su bootstrap e con immagine a bordi rounded:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<h1>Titolo</h1>
<p>la tua immagine</p>
<img class="img-responsive img-rounded" src="immagine.jpg" alt="titolo" width="200" height="200" >
</div>
</body>
</html>