<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>★★★★☆</span> 4/5<br/>
Consultation fee: ₹400 (In-clinic),₹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-fluid
和row
,但它不起作用。它做了同样的事情
<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>
这是有效的