Html 引导网格不工作
我正在尝试使用下面的代码将图像和文本元素对齐,使它们彼此相邻。但是,文本当前位于图像下方。有人能给我解释一下如何使用引导网格使文本与图像的侧面对齐吗Html 引导网格不工作,html,twitter-bootstrap,css,Html,Twitter Bootstrap,Css,我正在尝试使用下面的代码将图像和文本元素对齐,使它们彼此相邻。但是,文本当前位于图像下方。有人能给我解释一下如何使用引导网格使文本与图像的侧面对齐吗 <div class = "container-fluid"> <div class = "jumbotron"> <div class = "row"> <div class = "col-md-6"> <img src = "https://encrypted-tb
<div class = "container-fluid">
<div class = "jumbotron">
<div class = "row">
<div class = "col-md-6">
<img src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSob_6cmEpG703Y4LtxHwGyfnJCi8Dul4Cvg78-73EDQY9bP8hf">
</div>
<div class = "col-md-6">
<p>Insert blurb here</p>
</div>
</div>
</div>
</div>
在此处插入简介
在此处插入简介
检查引导程序的版本。它应该显示与文本对齐的图像。但是您的第一个类选择器“.container fluid”不应包含句点“.”字符。请尝试下面的html代码,它可能会对您有所帮助
在此处插入简介
give.pull left class to have image and.pull right to div have text and give.pull right to image
这是密码
<div class = "container-fluid">
<div class = "jumbotron">
<div class = "row">
<div class = "col-md-6 pull-left">
<img class="pull-right" src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSob_6cmEpG703Y4LtxHwGyfnJCi8Dul4Cvg78-73EDQY9bP8hf">
</div>
<div class = "col-md-6 pull-right">
<p>Insert blurb here</p>
</div>
</div>
</div>
</div>
在此处插入简介
哪个版本的引导?正确导入?此外,移除容器流体打开控制台前的点,并查找404
错误
不正确-移除
为什么在容器流体前使用点
?首先将此
更改为此
<div class = "container-fluid">
<div class = "jumbotron">
<div class = "row">
<div class = "col-md-6 pull-left">
<img class="pull-right" src = "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSob_6cmEpG703Y4LtxHwGyfnJCi8Dul4Cvg78-73EDQY9bP8hf">
</div>
<div class = "col-md-6 pull-right">
<p>Insert blurb here</p>
</div>
</div>
</div>
</div>