Recentemente fiz uma pagina usando Bootstrap, e hospedei ela no Hostgator. Quando eu vejo o live preview no Brackets ou entro na pagina hospedada, elas estão iguais e sem problema, isso no meu pc. Entretanto, quando alguem acessa o site, o css não funciona do jeito que era pra funcionar, e ele aparece diferente para as outras pessoas.
Como está aparecendo em outros computadores (excluindo o meu, em que tudo aparece certo):
O codigo Html para esse trecho:
<div class="col-md-4" style="margin-top: 85px;">
<div class="row">
<div class="col-md-5">
<div class="box">
<div class="container p-2">
<img class="img-fluid" alt="O YAAM é uma comunidade africana localizada às margens do rio Spree, bem próximo a East Side Galery" src="../../fotos/Frankfurt/Q1.jpg">
</div>
</div>
</div>
<div class="col-md-5 offset-1">
<div class="box">
<div class="container p-2">
<img class="img-fluid" alt="Graffiti na east side galery" src="../../fotos/Frankfurt/Q2.jpg">
</div>
</div>
</div>
</div>
<div class="row mt-4">
<div class="col-md-5">
<div class="box">
<div class="container p-2">
<img class="img-fluid" alt="" src="../../fotos/Frankfurt/Q3.jpg">
</div>
</div>
</div>
<div class="col-md-5 offset-1">
<div class="box">
<div class="container p-2">
<img class="img-fluid" alt="" src="../../fotos/Frankfurt/Q4.jpg">
</div>
</div>
</div>
</div>
</div>
e por fim o código CSS:
.box {
width: 230px;
height: 230px;
border-radius: 0;
box-shadow: 5px 5px 15px;
}