就刚才看Bootstrap源码,发现每一个组成部分末端的</div>标签后都带有注释以此从尾部众多的div结尾标签中快速找到与头部div相匹配的部分,突然想到了之前构建项目中自己也遇到过在一众代码中找到自己的尾部div的麻烦,但当时图省事只是大概的用换行区分一下每一个部分。
现在看来自己还是缺乏再深思一下的动力,回头来看一些构建中出现的小问题完全可以停下来想一想如何解决,而不是看问题小就不作解决或者敷衍了事,保持学习优良的构建代码的习惯,对自己对团队都是好事,学习了,源代码不仅仅只是透出了作者的逻辑思路还透彻了一些高级的构建代码时的技巧,也值得学习。
<!-- Wrapper for slides --> <div class="carousel-inner"> <div class="item active"> <img src="img/okwu.jpg" alt="OKWU.edu Homepage"> </div> <div class="item"> <img src="img/okwu-athletics.jpg" alt="OKWU Athletics Homepage"> </div> <div class="item"> <img src="img/bartlesvillecf.jpg" alt="Bartlesville Community Foundation"> </div> <div class="item"> <img src="img/emancipation.jpg" alt="Emancipation Stories"> </div> </div><!-- /.carousel-inner --> <!-- Controls -->
<!-- Content -->
<div class="container">
<div class="row">
<div class="col-sm-4">
<h2>Welcome!</h2>
<p>Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.</p>
<p><a href="#">See our portfolio</a></p>
</div>
<div class="col-sm-4">
<h2>Recent Updates</h2>
<p>Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.</p>
<p><a href="#">See what's new!</a></p>
</div>
<div class="col-sm-4">
<h2>Our Team</h2>
<p>Suspendisse et arcu felis, ac gravida turpis. Suspendisse potenti. Ut porta rhoncus ligula, sed fringilla felis feugiat eget. In non purus quis elit iaculis tincidunt. Donec at ultrices est.</p>
<p><a href="#">Meet the team!</a></p>
</div>
</div><!-- /.row -->
</div><!-- /.container -->
2018/12/18 晚上 22:22