Mes lignes de bootstrap sur ma page principale (et dans les modaux) sont en dehors du conteneur du panneau lorsque la page s'étend au-delà de 1200px de large (LG).
J'ai créé un violon ici, mais je ne peux pas trouver un moyen de trouver un moyen de Rendre le violon large pour simuler de grandes (plus de 1200px de large).
https: //jsfiddle.net/bigalnz/f20rs3j8/13/
J'ai essayé d'envelopper les rangées dans un parent et d'ajouter Col-LG-10 à chaque col (avec le SM et MD). Pour illustrer son apparence Mon écran: Il serait agréable de faire aligner le bouton aligné. J'ai Numérums similaires dans d'autres parties de la page, donc je suis dong, il ne va pas "globalement". 
4 Réponses :
Dans Bootstrap, les lignes ont une marge négative. Essayez de remplacer
par
Pour supprimer la marge. bootstrap 4 p>
@Algrant Je pense d'abord nous laissons l'utilisateur à valider la réponse. Si cela ne convient pas, je vais mettre à jour en fonction de leur exigence. Dans mon opinion, vous aurez dépassé le conteneur / la nidification du conteneur / de la rangée. Essayez quelque chose de plus simple comme:
Et oui comme @saravana mentionné J'ai remarqué que votre marque n'est pas bien structuré,
0 commentaires
1
votes
panneau code> Classe n'est plus disponible. J'ai utilisé la carte code> code> pour obtenir le résultat souhaité.
Dans votre code fonctionne bien, mais tellement rangée code> et colonne code> utilisé. Essayez avec ce code simplifié.
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet"/>
<div class="container">
<h3>REMOVED FROM</h3>
<div class="card bg-light">
<div class="card-body">
<h5 class="card-title">PERSON/Firstname/Middlename</h5>
<h5 class="card-title">Some Address, Any town</h5>
<h5 class="card-title">12/12/1980</h5>
<a href="#" class="btn btn-primary" data-toggle="modal" data-target="#queryPersonModal">+ Person</a>
</div>
</div>
</div>
1 commentaires
0
votes
<div class="container">
<form class="form-horizontal" role="form">
<div class="form-group">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">REMOVED FROM</h3>
</div>
<div class="panel-body">
<div class="container" id="wrapper-container">
<div class="row">
<div class="col-sm-4 col-md-12">PERSON/Firstname/Middlename</div>
<div class="col-sm-4 col-md-12">Some Address, Any town</div>
<div class="col-sm-4 col-md-12">12/12/1980</div>
</div>
<div class="row">
<div class="col-md-12">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#queryPersonModal">
+ Person
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</form>
</div>
1 commentaires
panneau s est maintenant carte s;)
0
votes
0 commentaires
utilisez-vous bootstrap 4?
Désolé si cela sonne muet, mais définirait une valeur
col-xl - faire différence.@Saravana, selon son violon qu'il fait.
Nous pouvons enregistrer dans le violon sur 1200px écran, il n'y a pas de problème selon votre image.
J'allais dire ... Je vis à 1470px et il n'y a rien qui a l'air différent de toute autre taille, épargnant le fait que la marge du côté gauche semble s'élargir lorsque la page s'approche de la page d'arrêt de taille suivante.