列中没有分隔列

时间:2017-06-08 11:15:07

标签: html twitter-bootstrap

  <div class="container-fluid">
      <div class="row">

          <div clas="col-sm-4">
              <div class="checks">
                  <span class="title">Appointment</span>
              </div>
          </div>

          <div clas="col-sm-8">
              <div class="doctor">
                  <span class="title">Dr Yogesh Sharma</span><br/>
                  Speciality: Heart, Brain, ENT<br/>
                  Experience: 11 years<br/>
                  Rating: <span>&#x2605;&#x2605;&#x2605;&#x2605;&#x2606;</span> 4/5<br/>
                  Consultation fee:  &#x20b9;400 (In-clinic),&#x20b9;200 (Online)<br/>
                  <button class="btn btn-success" ">Show Clinic Details</button><br/>    
                  <details>
                      <summary>More Info... </summary>
                      Gender: Male
                      Education: MBBS      
                  </details>
                  <hr/>
              </div>  
          </div>

      </div>
  </div>

我在尝试分手之前已宣布container-fluidrow,但它不起作用。它做了同样的事情

<div class="container-fluid">
    <div class="form-group row">
        <form id="searchbox" action="">
            <div class="col-sm-3">
                <input class="form-control" id="search" type="text" placeholder="Type here">
            </div>
            <div class="col-sm-3">
                <select class="form-control" id="locality">
                    <option>Locality</option>
                    <option>Rohini</option>
                    <option>Noida</option>
                    <option>Gurugram</option>
                </select>
            </div>
            <div class="col-sm-3">
                <select class="form-control" id="speciality">
                    <option>Speciality</option>
                    <option>Dentist</option>
                    <option>Physician</option>
                    <option>Surgeon</option>
                </select>
            </div>
            <div class="col-sm-3">
                <input class="form-control btn-primary btn" id="submit" type="submit" value="Search">
            </div>
          </form>
    </div>
</div>

这是有效的

0 个答案:

没有答案