Fatal编程技术网

Twitter bootstrap 试图让这个div具有多个元素

twitter-bootstrap

Twitter bootstrap 试图让这个div具有多个元素,twitter-bootstrap,Twitter Bootstrap,div包括标题、文本框和按钮。现在，当页面在屏幕上打开时。div比屏幕占用更多空间，而不是停留在屏幕宽度内。请帮忙 HTML 你想达到什么目标？要将div对准屏幕中央吗？您好，谢谢您的帮助。我希望div在屏幕的左侧对齐，因为我希望右侧有其他内容。但是随着屏幕尺寸变小，我希望这个div居中，位于右边的div之上，我还没有创建这个div。 <body style="padding-bottom: 70px; padding-top: 70px;"> <div class="cont

div包括标题、文本框和按钮。现在，当页面在屏幕上打开时。div比屏幕占用更多空间，而不是停留在屏幕宽度内。请帮忙

HTML

你想达到什么目标？要将div对准屏幕中央吗？您好，谢谢您的帮助。我希望div在屏幕的左侧对齐，因为我希望右侧有其他内容。但是随着屏幕尺寸变小，我希望这个div居中，位于右边的div之上，我还没有创建这个div。 
<body style="padding-bottom: 70px; padding-top: 70px;">
<div class="container" style="margin:3em 0em 2em 100px;">   
<div class="row">
  <div class="col-md-4">
    <div class="mainText">
  <h3 style="margin-top:2%">Look for Storage in Your Community</h3>
  <span class="glyphicon glyphicon-map-marker"></span>
    <input id="searchTextField" type="text" size="45" style="height:2.0em; margin-top:1em; max-width:80%"> 
    <input type="button" id="btnSearch" value="Search" style="width:25em; height:2em; margin:1em 0em 0em 1.4em; max-width:80%">
    </div>
  </div>
  <div class="col-md-4">    
  </div>
  <div class="col-md-4">    
  </div>
</div>

    </div>
</body>

.mainText {
    border-radius: 15px 50px;
    border: 2px solid #085DF3;
    padding: 5px; 
    width:400px ;   
    height:17em;    
    text-align:center;
    font-family: Arial; 
    color:#085DF3;
    background-color:rgba(167,160,160,0.2);
    float:left; 
}