المشاركات

عرض الرسائل ذات التصنيف Bootstrap Custom CSS

How to Easily Add Custom CSS to Bootstrap with Examples

صورة
Twitter Bootstrap has become one of the popular css frameworks on the web. Being a significant time-saver, several thousands of websites have been built using bootstrap framework. But most of the sites using bootstrap do very little to customize them, resulting in those websites looking similar to each other. On the contrary you could easily make your site to stand out from the crowd by using some premium bootstrap themes. So how those theme developers achieve this? Well! They don't stick to the defaults. If they could do it, then you can also do it by putting on some effort. Are you ready to give your website unique look and feel? Then come on, let me explain you how to customize bootstrap css to fit your own style and need. Luckily bootstrap provides a great foundation and employs pre-styled components, responsible grid layout and much more to facilitate rapid responsive development. So we don't have to reinvent the wheel but to change the css styles of those compone...

How to Disable Bootstrap Font

صورة
Hi! This quick bootstrap tutorial will teach you how to disable bootstrap font and apply your own styles . Customizing Bootstrap’s default theme is simple, but for a newbie it’s hard to find their way around. Once you know how to do it, you can customize the entire bootstrap theme easily. If you don't want to change the theme by yourself, then go and look around for good bootstrap skins. There are some free bootstrap skins available over the Net and you can use one of them on your project. Disable Bootstrap Font The css for bootstrap framework can be found inside the css/bootstrap.css file. Bootstrap applies typography settings for the entire web page in the body {} selector. body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff; } You can simply override these styles by attaching a custom stylesheet. For that create a stylesheet with name custom.css...