Twitter bootstrap 右侧的引导img不';不工作,也不显示
这就是我的导航栏的外观。我的问题是,正确的img并不完全正确。左边的Img和我想要的完全一样。怎么了?我尝试添加样式做第二个div的img:文本右对齐,但它不起作用。 以下是代码:Twitter bootstrap 右侧的引导img不';不工作,也不显示,twitter-bootstrap,navbar,Twitter Bootstrap,Navbar,这就是我的导航栏的外观。我的问题是,正确的img并不完全正确。左边的Img和我想要的完全一样。怎么了?我尝试添加样式做第二个div的img:文本右对齐,但它不起作用。 以下是代码: <nav class="navbar navbar-default"> <div class="container"> <div class="row col-md-12"> <div class=" col-xs-2 col-sm-2 col-md-
<nav class="navbar navbar-default">
<div class="container">
<div class="row col-md-12">
<div class=" col-xs-2 col-sm-2 col-md-2" style="float: left" >
<img class="img-responsive" alt="Brand" src="buty0.png">
</div>
<div class="col-xs-8 col-sm-8 col-md-8 text-center" style="float: left">
<div class="navbar-text">Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem
ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</div>
</div>
<div class=" col-xs-2 col-sm-2 col-md-2 text-left" style="float: left">
<img class="img-responsive" alt="Brand" src="buty1.png">
</div>
</div>
</div>
乱数假文
益智益智益智益智益智益智益智益智益智益智益智益智益智益智
益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识
乱数假文
益智益智益智益智益智益智益智益智益智益智益智益智益智益智
益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识
这是我的解决方案:
<nav class="navbar navbar-default">
<div class="container">
<div class="row">
<div class=" col-xs-2 col-sm-2 col-md-2" style="text-align:center;" >
<img class="img-responsive" alt="Brand" src="buty0.png">
</div>
<div class="col-xs-8 col-sm-8 col-md-8 text-center" style="float: left">
<div class="navbar-text">Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem
ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</div>
</div>
<div class=" col-xs-2 col-sm-2 col-md-2" style="text-align:center;">
<img class="img-responsive" alt="Brand" src="buty1.png">
</div>
</div>
</div>
</nav>
乱数假文
益智益智益智益智益智益智益智益智益智益智益智益智益智益智
益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识益普生知识
使用类向右拉
如果你能创建一个plunker来复制它会很棒什么是plunker?js框架的Live editor我尝试过向我的类添加向右拉,但仍然不起作用-使用cols,第二个img在哪里而不是文本左:/Someone know solution?
<nav class="navbar navbar-default">
<div class="container">
<div class="row">
<div class=" col-xs-2 col-sm-2 col-md-2" style="text-align:center;" >
<img class="img-responsive" alt="Brand" src="buty0.png">
</div>
<div class="col-xs-8 col-sm-8 col-md-8 text-center" style="float: left">
<div class="navbar-text">Lorem ipsum
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem
ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum</div>
</div>
<div class=" col-xs-2 col-sm-2 col-md-2" style="text-align:center;">
<img class="img-responsive" alt="Brand" src="buty1.png">
</div>
</div>
</div>
</nav>