Question

我的网站上有一个Bootstrap网格。它包括我数据库中的数据。每个输入都有不同的字符数。我想对每个数据集进行定期安排（最好像情况3一样）。但正如您在attached img中看到的那样，这些框具有不同的宽度，尽管我已将引导类设置为＆＃34; col-xs-12＆＃34;。

错误在哪里？

＆＃13;

div #datenbank_ausgabe_name_city {
	font-family: Courier New;
	font-size: 20px;
	border: 2px solid red;
}

#datenbank_ausgabe_name_city p {
	float: right;
}


#datenbank_ausgabe_text {
	float: left;
	font-family: Courier New;
	font-size: 40px;
	border: 2px solid red;
	width: 100%;
}

.rahmen {
	border: 2px black solid;
	display: inline-block;
}

＆＃13;

 <div class="row">
     <div class="col-xs-1 col-md-2"></div>
     <div class="col-xs-10 col-md-8">
        <h1>Hallo</h1>
		
		
		<!-- D A T E N B A N K A B F R A G E -->
		


	<div id="datenbank_ausgabe_text" class="col-xs-12"> <?php echo $zeile['text']; ?> </div>
				<div id="datenbank_ausgabe_name_city" class="col-xs-12">
				<p>- 
					<?php echo $zeile['name']; ?>, 
					<?php 
						if($zeile['city_id'] == '1') {
							echo "Miami";
						}
						else if ($zeile['city_id'] == '2') {
							echo "Las Vegas";
						} 
						else if ($zeile['city_id'] == '3') {
							echo "New York";
						}
					?>
				</p>
				</div> <!-- div hinzugefügt -->			
			<div> </br> </div>			
			</div>
			<?php
					}
			?>
		</div>

		<?php 
			mysqli_free_result( $db_erg );
		?>
		
		
		<!-- DATENBANKABFRAGE  E N D E -->
		

		
	 </div>
    <div class="col-xs-1 col-md-2"></div>
 </div>

＆＃13;

谢谢，Jonas

Bootstrap网格无法正确调整宽度

0 个答案: