新课程:自定义Bootstrap组件

您是否想利用Bootstrap框架提供的好处,而又不让您的网站看起来像其他所有Bootstrap网站一样?

如果是这样,我们的新课程“ 定制引导程序组件”适合您。

新课程:自定义Bootstrap组件

您将学到什么

Envato Tuts +讲师Craig Campbell将教您如何自定义Bootstrap组件以适合您的站点需求并使其看起来个性化。

该课程将从基本的皮肤重新开始,然后进入稳定的下拉菜单,然后自定义Bootstrap模态。

这是本课程的一些免费课程,作为您可以期盼的内容的预览:

调整基本样式

有关重新设置组件外观的讨论始于对Bootstrap“卡片”的了解。 在Bootstrap 4中,卡取代了版本3中使用的“Kong”和“面板”。在此视频中,您将学习自定义这些卡的外观,从而重新设计Bootstrap组件的基础知识。

下拉悬停

在此视频中,您将学习如何在导航栏中重新设置下拉菜单的样式。 当您将鼠标悬停在关联的按钮上时,也将使该下拉列表出现,而不必单击它。

自定义Bootstrap模式:大小和位置

当您在浏览器中启动默认的Bootstrap模态时,该模态会动画到屏幕中央。 在本视频中,您将学习如何在CSS中定位正确的选择器,以更改模式的大小和位置。

免费试用开始学习

您可以订阅Envato Elements立即上我们的新课程。 以低廉的月费,您不仅可以访问此课程,还可以访问我们不断发展的图书馆,其中包含1,000多个视频课程和Envato Tuts +上行业领先的电子书。

另外,您现在可以从庞大的Envato Elements库获得无限下载,该库包含200,000多种照片以及26,000多种设计资产和模板。 使用独特的字体,照片,图形和模板进行创建,并更快地交付更好的项目。

此外,通过使用Envato Market上数千种精美的Bootstrap网站模板之一,您可以使事情变得更加轻松,从而使自己在网站设计中处于领先地位。

翻译自: https://webdesign.tutsplus.com/articles/new-course-customizing-bootstrap-components--cms-26615