2017-02-25 47 views
0

在2列分我已经在一个页面分为两列在bootstrap3这里是什么样子:一页中bootstrap3

enter image description here

我如何使用引导3的形象? (我需要使用引导3该图像的代码)

+1

SO是不是代码请求..显示你的努力。 – neophyte

+0

我不明白你的意思? – mahmood

+0

我的意思是你应该自己尝试一些东西,如果你有任何特定的问题,我们可以帮助你..但你不能要求我们代码为你 – neophyte

回答

1

你应该做这样this--

WRAP两组相同宽度的列中与内容两者应该是一排DIV中

<html> 
 
<head> 
 
<meta name="viewport" content="width=device-width, initial-scale=1"> 
 
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> 
 
      <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script> 
 
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
      <style type="text/css"> 
 
      
 
      </style> 
 
      </head> 
 
      <body> 
 
      <div class="container"> 
 
    <div class="row"> 
 
     <div class="col-lg-6 col-xs-6" style="background-color: red; height:300px;"></div> 
 
     <div class="col-xs-6" style="background-color: blue; height:300px;"></div> 
 
     
 
</div> 
 
      </body> 
 
    </html>

试试这个教程了解bootstrap--

https://www.w3schools.com/bootstrap/default.asp

+0

非常感谢您的回答 – mahmood