我使用bootstrap开发了网站。我在移动设备和桌面设备上得到了正确的响应，无法在其余设备中得到正确的响应。
<div>
<br />
<br />
<br />
</div>
<div class="row">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div style="background-color: #3487C2; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<div style="text-align: center; vertical-align: top; color: #ffffff; text-transform: uppercase; font-size: 36px; font-weight: 500; padding: 10px 0px 10px 0px;">
<span class="services">Our Services</span>
</div>
<div class="container-fluid" style="padding-top: 5px;">
<div class="row" style="margin-bottom: 100px;">
<div class="col-sm-1"></div>
<div class="col-sm-10">
<div style="text-align: center;" class="row">
<div class="col-sm-1"></div>
<div style="margin: 5px 5px;" class="col-sm-5 left animated fadeInLeft wow">
<a href="HealthSummary.aspx" class="ServiceClick" id="HealthSummary">
<div style="background-color: #ffffff; padding: 25px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<h1 style="color: #3487C2; font-size: 16px; font-weight: bold; text-align: center; font-weight: bold;">Wellness score or Health summary</h1>
<span style="color: #3487C2; text-align: center; font-weight: bold;">I'm a paragraph. Click here to add your own text and edit me. It's easy
</span>
</div>
</a>
</div>
<div style="margin: 5px 5px;" class="col-sm-5 right animated fadeInRight wow">
<a href="HistoricalRecords.aspx" class="ServiceClick" id="HistoricalRecords">
<div style="background-color: #ffffff; padding: 25px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<h1 style="color: #3487C2; font-size: 16px; font-weight: bold; text-align: center; font-weight: bold;">Historical records storing</h1>
<span style="color: #3487C2; text-align: center; font-weight: bold;">I'm a paragraph. Click here to add your own text and edit me. It's easy
</span>
</div>
</a>
</div>
<div class="col-sm-1"></div>
</div>
<div style="text-align: center;" class="row">
<div class="col-sm-1"></div>
<div style="margin: 5px 5px;" class="col-sm-5 left animated fadeInLeft wow">
<a href="ExpertOpinon.aspx" class="ServiceClick" id="ExpertOpinon">
<div style="background-color: #ffffff; padding: 14px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<h1 style="color: #3487C2; font-size: 16px; font-weight: bold; text-align: center; font-weight: bold;">Sharing the data or expert opinion
<br />
(Doctors, Family members, etc..)</h1>
<span style="color: #3487C2; text-align: center; font-weight: bold;">I'm a paragraph. Click here to add your own text and edit me. It's easy
</span>
</div>
</a>
</div>
<div style="margin: 5px 5px;" class="col-sm-5 right animated fadeInRight wow">
<a href="EmergencyContact.aspx" class="ServiceClick" id="EmergencyContact">
<div style="background-color: #ffffff; padding: 25px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<h1 style="color: #3487C2; font-size: 16px; font-weight: bold; text-align: center; font-weight: bold;">Emergency contact info</h1>
<span style="color: #3487C2; text-align: center; font-weight: bold;">I'm a paragraph. Click here to add your own text and edit me. It's easy
</span>
</div>
</a>
</div>
<div class="col-sm-1"></div>
</div>
<div style="text-align: center;" class="row">
<div class="col-sm-1"></div>
<div style="margin: 5px 5px;" class="col-sm-5 left animated fadeInLeft wow">
<a href="Security.aspx" class="ServiceClick" id="Security">
<div style="background-color: #ffffff; padding: 25px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<h1 style="color: #3487C2; font-size: 16px; font-weight: bold; text-align: center; font-weight: bold;">Security</h1>
<span style="color: #3487C2; text-align: center; font-weight: bold;">I'm a paragraph. Click here to add your own text and edit me. It's easy
</span>
</div>
</a>
</div>
<div style="margin: 5px 5px;" class="col-sm-5 right animated fadeInRight wow">
<a href="Recommendations.aspx" class="ServiceClick" id="Recommendations">
<div style="background-color: #ffffff; padding: 25px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);">
<h1 style="color: #3487C2; font-size: 16px; font-weight: bold; text-align: center; font-weight: bold;">Recommendations</h1>
<span style="color: #3487C2; text-align: center; font-weight: bold;">I'm a paragraph. Click here to add your own text and edit me. It's easy
</span>
</div>
</a>
</div>
<div class="col-sm-1"></div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
</div>
</div>
</div>
<div class="col-sm-1"></div>
</div>
here is my error screenshot image