Salve, devo inserire un'immagine a sinistra di un testo in un collapse di bootstrap ma sto avendo probelmi, non riesco ad inserire l'immagine in nessun modo :/
Salve, devo inserire un'immagine a sinistra di un testo in un collapse di bootstrap ma sto avendo probelmi, non riesco ad inserire l'immagine in nessun modo :/
Dai qualche dettaglio in più, posta il codice della pagina.
Devo inseire un'immagine alla sinistra del testo ne collapse
<html>
<head>
<title>MyTropicalIslands</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwi GgFAW/dAiS6JXm" crossorigin="anonymous">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#">My Tropical Islands</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Book a vacation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Contacts</a>
</li>
</ul>
</nav>
<div id="accordion">
<div class="card">
<div class="card-header" id="headingOne">
<h5 class="mb-0">
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Our destination
</button>
</h5>
</div>
<div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion">
<div class="card-body">
<b>Get out of the city and on a nice beach!</b>
<p>Some like their holidays active, others like things slow. There is no
shame in going on holiday, kicking back and doing absolutely nothing, yet so
often in reality it doesn't quite work out like that. Arrive in a new
destination, and most of us will instantly want to head out and explore every
nook and cranny. We just can't help ourselves.
We have come up with a few locations that will help you a hand in
resolving this conondrum. These destinations feature some of the most
spectacular scenery seen anywhere in the world, but there is not much to do
other than gawk at it in awe, and kick back...</p>
</div>
</div>
</div>
codice:<html> <head> <title>MyTropicalIslands</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwi GgFAW/dAiS6JXm" crossorigin="anonymous"> <style type="text/css"> #image { float: left; } </style> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> </head> <body> <nav class="navbar navbar-expand-sm bg-dark navbar-dark"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">My Tropical Islands</a> </li> <li class="nav-item"> <a class="nav-link" href="#">About</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Book a vacation</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Contacts</a> </li> </ul> </nav> <div id="accordion"> <div class="card"> <div class="card-header" id="headingOne"> <h5 class="mb-0"> <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Our destination </button> </h5> </div> <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-parent="#accordion"> <div class="card-body"> <div id="image"> <img src="immagine.jpg" width="462" height="295" alt=""/> </div> <b>Get out of the city and on a nice beach!</b> <p>Some like their holidays active, others like things slow. There is no shame in going on holiday, kicking back and doing absolutely nothing, yet so often in reality it doesn't quite work out like that. Arrive in a new destination, and most of us will instantly want to head out and explore every nook and cranny. We just can't help ourselves. We have come up with a few locations that will help you a hand in resolving this conondrum. These destinations feature some of the most spectacular scenery seen anywhere in the world, but there is not much to do other than gawk at it in awe, and kick back...</p> </div> </div> </div>
“Che le cose siano cosi, non vuol dire che debbano andare così. Solo che quando si tratta di rimboccarsi le maniche e incominciare a cambiare, vi è un prezzo da pagare. Ed è allora che la stragrande maggioranza preferisce lamentarsi più che fare”.
Giovanni Falcone
Screenshot (52) (1).pnggrazie mille! purtroppo ora il risultato che mi appare è questo, navbar scomparsa e nessun collpase...
risolto!!! ancora grazie !!!