<div>
This has so many moving parts that you might get a better result if you posted it in <a href="https://www.experts-exchange.com/gigs/" rel="ugc">Gigs</a>. &nbsp;Just a thought.
</div>


<div>
I would say &quot;convert&quot; really means &nbsp;&quot;create a new website&quot;.<br />
so create an empty bootstrap website ( pages with menus connected to pages etc.) based on a style that you're happy and then &nbsp;recreate the content from the existing site by cutting and pasting.<br />
so<br />
1) go to this site and choose one of the free themes you like &nbsp;(there are others if you google free bootstrap themes) <br />
<a href="http://startbootstrap.com" rel="ugc">http://startbootstrap.com</a><br />
<br />
2) download it and install and set up the site<br />
3) create the same pages and menus that are in the existing website &nbsp;and populate with the content from the existing website<br />
<br />
personally I would <br />
download WordPress and use that to create the website and populate with the content
</div>


<div>
Thanks,<br />
<br />
Will i be able to write my html and css code within boostrap?<br />
<br />
There might be a few tweak which I might need to adjust (ie: colour adjustment, fixed width, etc). Will I be able to have that ability to do so within Boostrap?<br />
<br />
I am familiar with HTML and CSS really well.<br />
<br />
I used Dreamweaver as my editor.<br />
<br />
So i hope i could use boostrap to manipulate and adjust a theme just like how i would do it within Dreamweaver<br />
<br />
Advise please
</div>


<div>
greetings Bakaka, , there is a very large difference in the factors and considerations for a MOBIL responsive (adaptable to width) web page (site), and the OLD (out of date) no change at all for width or any other, desktop web page. If you are not one to use your bar phone every day to do web surfing (touch may links), , , , , or be in a store, and use phone to do web research for a product you are going to buy, then you may not even know what ease of use touch factors are productive in a Mobil web page. There are several responsive add on's, and you mention bootstrap, a very very popular addition for a grid layout setup, to have element placement and width conform to width changes in the page view. <br />
You ask - &quot;I might need to adjust things, Will I be able to have that ability to do so within Boostrap?&quot;<br />
Since you are going to write all of the page HTML code, then every thing can be &quot;adjusted&quot; by one means or another. Of course most bootstrap factors can be quickly changed in many, many ways ( if you are knowledgeable in bootstrap), but there are some things that are difficult to adjust.<br />
<br />
chilternPC has told you already, that the best thing to do is to just begin again with a NEW web site page organization, and I agree with that very much, start with a new attitude for the small screen touch factors, and set up your site for pages you would want to use yourself on the go, with a bar phone.<br />
<br />
The current web design usually begins with a start page as a bar phone narrow &quot;portrait&quot; mindset, instead of starting with the wide &quot;desktop&quot; page mindset. It is faster development to add side elements later, when you change to design for wider tablets, and then later still you add other factors for wider laptop view.<br />
<br />
in responsive design, you can show and hide things as the page is wider, or smaller. You can also change &quot;Arrangement&quot; of things, from &quot;over and under&quot; to &quot;side by side&quot;, and other changes , like combining (mix together) separate elements as the view gets more narrow.<br />
<br />
I can not recommend &nbsp;that you start on bootstrap by trying to just jump in and convert your current site, you may do better to start by learning CSS responsive factors using percentages like -<br />
&nbsp; &nbsp; width: 25.32%;<br />
&nbsp; &nbsp; margin: 0.51% 1.44% 1.7% 4.11%;<br />
<br />
max and min width<br />
&nbsp; &nbsp; &nbsp; &nbsp; max-width: 973px;<br />
<br />
and then learn bootstrap maybe from a book or a tutorial, here's one site to help you learn -<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<a href="http://www.w3schools.com/bootstrap/" rel="ugc">http://www.w3schools.com/bootstrap/</a><br />
<br />
good luck
</div>


<div>
thanks for the help guys and advise.
</div>


<div>
ok will try that. thanks again
</div>


<div>
<div class="content wysiwyg-content">
Hi,<br />
<br />
I have a website that i would like to convert to website responsive.<br />
<br />
The website is built with html and css (a little of javascript).<br />
<br />
I want to convert it to website responsive so that it can be accessed on other devices (ie: tablets, phones, etc).<br />
<br />
I know bootstrap can do this. <br />
<br />
Can someone guide me in the right directions and suggest some ways for me?<br />
<br />
Regards,<br />
Bakaka
</div>
</div>


Hi,

I have a website that i would like to convert to website responsive.

The website is built with html and css (a little of javascript).

I want to convert it to website responsive so that it can be accessed on other devices (ie: tablets, phones, etc).

I know bootstrap can do this. 

Can someone guide me in the right directions and suggest some ways for me?

Regards,
Bakaka

website responsive

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Bootstrap is a free and open-source collection of tools for creating websites and web applications. It contains HTML- and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions. It aims to ease the development of dynamic websites and web applications. Bootstrap is a front end web framework, that is, an interface for the user, unlike the server-side code which resides on the "back end" or server.

Bootstrap

Mobile web development, also known as responsive web design, is an approach to web design aimed at crafting sites to provide an optimal viewing and interaction experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices (from desktop computer monitors to mobile phones). A site designed with RWD adapts the layout to the viewing environment by using fluid, proportion-based grids, flexible images, and CSS3 media queries.

Responsive Web

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.