css inline-blocks et bootstrap système de grille de sortie
Je suis en train de faire un HTML
balisage de mes divs à l'aide de css
et bootstrap 3.2
. L'image ci-dessous montre le résultat que je veux obtenir.
J'ai utilisé le bootstrap système de grille, de sorte que ma page serait bien adaptés et affiché dans le petit écran des appareils. C'est le code que j'ai essayé. Et j'ai utilisé http://www.bootply.com pour le tester.
Toutes les idées comment obtenir le balisage ?
<div>
<div style="display:inline-block; border:1px solid gray; width:150px; height:150px;">
<img src='' alt="image go here !"/>
</div>
<div class="container-fluid" style="display:inline-block;">
<div class="row" style="border:1px solid gray;">
<div class="col-md-9">This is the product name</div>
<div class="col-md-3 text-right">1 230.99</div>
</div>
<div class="row" style="display:inline-block; border:1px solid gray;">
<div class="col-md-6">Property 1</div>
<div class="col-md-6">Property 2</div>
</div>
</div>
</div>
Le résultat souhaité :
EDIT : Le résultat que j'obtiens :
Vous devez vous connecter pour publier un commentaire.
J'ai créé un Bootply pour vous.
.col-md-3
à.col-md-2
? Voir mon jour Bootly. Si oui, laissez-moi savoir. Nous allons ajouter un peu de CSS.