gpt4 book ai didi

html - Bootstrap CSS 问题

转载 作者:行者123 更新时间:2023-11-28 06:10:44 25 4
gpt4 key购买 nike

我目前正在制作的网站出现问题。我正在使用 bootstrap,并且在一个特定页面上使用基本的 bootstrap css 一些东西不会排队。

我的代码如下:-

<section id="aboutUs">
<div class="container">  
<div class="row">         
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">           
<img style="width: 500px; height: 288.31775700934577px;" src="/media/1010/macbook-front.png?width=500&amp;height=288.31775700934577" alt="" rel="1255" data-id="1255" />             
<br />          
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">           
<h3>Passion is what we stand for</h3>     
<p>Manta Ray bonytail chub. Russian sturgeon yellow tang cichlid creek chub--Siamese fighting fish poacher--sablefish bichir? Bonnetmouth gray eel-catfish luminous hake frogfish rohu, eel tope snake eel clown loach northern squawfish Australian prowfish, wrymouth.</p>
<br />            
<blockquote>             
<p>Good is the enemy of great</p>Innova Tamashi            
</blockquote>
</div>
</div>      
<div class="row">         
<div class="col-lg-12">           
<hr />         
</div>
</div>       
<div class="row">         
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">        
<h3>Who we are</h3>       
<p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p>
</div>       
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3>What we do</h3>         
<p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p>
</div>         
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3>Why we do it</h3>         
<p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p>
</div>
</div>
</div></section>

问题是在最后一行(包含“我们是谁”、“我们做什么”)中的所有 div 都出现了异常,如图所示 here .我不明白为什么要这样做,因为据我所知,它们应该是一致的。伙计们有什么想法吗?

最佳答案

这是因为不间断空格 

当前您的页面如下所示:https://jsfiddle.net/7oe5kh9L/57/

这是固定页面:https://jsfiddle.net/7oe5kh9L/58/

html

<div class="row">
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3>Who we are</h3>
<p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p>
</div>

<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3>What we do</h3>
<p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p>
</div>

<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
<h3>Why we do it</h3>
<p>Enjoy smooth graphics and timeless design with Innova. Elements of different trends are blended into a special mix.</p>
</div>
</div>

关于html - Bootstrap CSS 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36188041/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com