引导把我的内容，下来的时候屏幕宽度减少到一半

Question

<div class="container"> 
    <img style="float:left" src="assets/images/logo.png" alt="university logo"> 
    <h1 style="float:left;color:white;padding-top:20px;text-align:center;margin-left:10%"> Welcome To SURE Model</h1> 
    <a style="float:left;margin-left:27%;margin-top:40px" (click)="logout()" class="btn btn-danger btn-lg"> <span class="glyphicon glyphicon-log-out"></span> Log out </a> 
</div> 

这是全屏幕图像

如果我把屏幕尺寸的一半它是这样的

那么如何我可以使这种响应？

Answer 1

你是浮动的3个标签IMGH1一个为它向下推，使响应与引导我建议使用类.row和里面带班COL-MD或col-lg用于分割平台目标