引導把我的內容，下來的時候屏幕寬度減少到一半

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用於分割平臺目標