What is a Theme A theme in WordPress helps us define how our website looks. It consists of a CSS style sheet named styles.css. (This file name must be used.) At the top of the stylesheet, there will be a CSS comment. WordPress looks at this comment to learn about the theme. It will look…
Responsive images are fairly easy to control, both in and out of Bootstrap. Generally, the problem will be that we need to make sure an image doesn’t expand past the size of its containing element if it is going to potentially be scaled down. This can be done in CSS with max-width: 100% Bootstrap gives…
You will often need to add a button to a webpage. This could be for a form, or part of an interface where you are wanting to create a special link to a page. Generally you can use the button tag, although you can also use a anchor tag. You will want to add some…
While a lot of layout in a website can be done with your grids, you don’t want to necessarily use grids to display tabular data. Therefore, you want to use a table. Bootstrap has given us several CSS classes that we can use to easier layout our tables. For basic styling, you will only want…
Bootstrap comes with a grid system you can use. It has 12 columns that are available, and they take up 100% of the content’s width. This allows the grid to resize depending upon the size of the browser window. Once it reaches a certain size, the items will auto adjust to a new row, to…
Bootstrap sets the fonts and typography as part of its layout. However, they’ve added several classes to help you out. Headings For example, they have classes that mimic your heading tags. So if you need a large size text, like an H1, but it’s not appropriate to add an H1 tag, you can apply the…
There for two basic ideas when it comes to working with presenting information for a mobile device. First, should it be an app, or a mobile website. If it is a mobile website, then users start wondering: should they Mobile Specific, Flexible, or Responsive Design to layout the website. Mobile App vs Mobile Website Of…
The Accordion widget is used to collapse data, so that the end user only sees some of the data on the page. This makes it easier to process the information for the end user.This is because instead of having a large page which scrolls for a long time, it will show only some of the…
