Html 更改引导默认列宽

Html 更改引导默认列宽,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正试图复制这个 到目前为止,这是我的 认识BestApp 聊天的新世界 Lorem ipsum dolor sit amet,奉献精英。在特殊身体的sequi,你可以在脸上画出清晰的轮廓。福吉特·纳姆(Fugit nam),是一位资历丰富的巴黎人 注册 我同意这些条款和条件 我使用引导网格系统来实现这一点,但是表单部分太宽了 我不知道如何改变宽度,有没有办法解决这个问题? <div class="container"> <div class="row"&g

我正试图复制这个 到目前为止,这是我的


认识BestApp
聊天的新世界
Lorem ipsum dolor sit amet,奉献精英。在特殊身体的sequi,你可以在脸上画出清晰的轮廓。福吉特·纳姆(Fugit nam),是一位资历丰富的巴黎人

注册


我同意这些条款和条件

我使用引导网格系统来实现这一点,但是表单部分太宽了 我不知道如何改变宽度,有没有办法解决这个问题?


<div class="container">
  <div class="row">
    <div class="col-md-8 content">
      <h1>Meet BestApp</h1>
      <h1>The new world for chat</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis deleniti cumque odit atque molestiae totam facere aliquam sed cum perspiciatis quam, at sequi, corporis distinctio. Fugit nam, nesciunt quaerat pariatur.</p>
    </div>
    <div class="col-md-4 form">
      <h2>Sign Up!</h2>
      <form action="post">
        <input type="text" placeholder="Your Name">
        <br>
        <input type="text" placeholder="Email Adress*">
        <br>
        <input type="text" placeholder="Phone Number">
        <br>
        <p>
          <input type="checkbox" id="cbox1">
          <label for="cbox1">I agree to the terms and conditions</label>
        </p>
      </form>
    </div>
  </div>
</div>
认识BestApp 聊天的新世界 Lorem ipsum dolor sit amet,奉献精英。在特殊身体的sequi,你可以在脸上画出清晰的轮廓。福吉特·纳姆(Fugit nam),是一位资历丰富的巴黎人

注册


我同意这些条款和条件


认识BestApp
聊天的新世界
Lorem ipsum dolor sit amet,奉献精英。在特殊身体的sequi,你可以在脸上画出清晰的轮廓。福吉特·纳姆(Fugit nam),是一位资历丰富的巴黎人

注册


我同意这些条款和条件


因此使用col-md-3或col-md-4代替col-md-6使用
col-md-7和
col-md-5
,或
col-md-8和
col-md-4
代替两次使用
col-md-6
,使用
col-md-8
col-md-4
因此使用col-md-3或col-md-4代替col-md-6使用
col-md-7
col-md-5
,或
col-md-8
col-md-4
代替使用
col-md-6
两次,使用
col-md-8
<div class="container">
  <div class="row">
    <div class="col-md-8 content">
      <h1>Meet BestApp</h1>
      <h1>The new world for chat</h1>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quis deleniti cumque odit atque molestiae totam facere aliquam sed cum perspiciatis quam, at sequi, corporis distinctio. Fugit nam, nesciunt quaerat pariatur.</p>
    </div>
    <div class="col-md-4 form">
      <h2>Sign Up!</h2>
      <form action="post">
        <input type="text" placeholder="Your Name">
        <br>
        <input type="text" placeholder="Email Adress*">
        <br>
        <input type="text" placeholder="Phone Number">
        <br>
        <p>
          <input type="checkbox" id="cbox1">
          <label for="cbox1">I agree to the terms and conditions</label>
        </p>
      </form>
    </div>
  </div>
</div>