Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby

Web Design Lobby Forum for general web design issues not specific to scripting or graphics.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 03-17-2018, 12:06 AM
adeelhassan's Avatar
adeelhassan adeelhassan is offline
Contributing Member
 
Join Date: 03-13-18
Location: pakistan
Posts: 52
iTrader: 0 / 0%
How Convert a non responsive design into responsive

I want to convert my existing non-responsive website into responsiveness I tried all method like meta tags addition of bootstraps css but all this not working. I think i should start from scratch or any other method which can convert it.
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 03-30-2018, 10:39 AM
localflavourstours localflavourstours is offline
Junior Member
 
Join Date: 03-30-18
Location: Kolkata, West Bengal, India
Posts: 7
iTrader: 0 / 0%
If you want to use bootstrap then I think you should consider starting from scratch because bootstrap use one structure and your existing website's html use another structure so in this case if you integrate bootstrap in your existing site then your website will be such a mess.

But if you don't want to start from scratch then you can write device specific css media query. If it is just a information based website then still it going to be easy to make your site responsive but if your site is full of complicated structure then you need to give lots of effort to it.
 
Reply With Quote
  #3  
Old 09-22-2018, 08:11 AM
sadia2427 sadia2427 is offline
Junior Member
 
Join Date: 04-14-18
Location: Bangladesh
Posts: 19
iTrader: 0 / 0%
There are two easy ways.

1.Adding bootstrap grid system to each and every div blocks and aligning them accordingly.

2. Copying all the content and making a new site using some responsive themes from WordPress.

I personally recommend the second option if you hate coding.
 
Reply With Quote
  #4  
Old 09-22-2018, 09:39 AM
ScriptMan's Avatar
ScriptMan ScriptMan is online now
Super Moderator
 
Join Date: 02-10-07
Location: Central Kentucky
Posts: 13,443
iTrader: 4 / 100%
You don't have to use bootstrap to have a responsive design. More than likely you can keep most of the elements of your current design. I just spent 6 weeks messing around with this and figuring out to do. The key is a fluid design and then forcing the divs to stack on top of each other using @media { do this differently}.

I kept my 3 column design with a full width header and footer. My header image is 1295 pixels on a wide screen and will shrink down to fit the window of a low resolution smart phone or any screen width or orientation in between.

May I suggest you go here https://www.w3schools.com/css/css_rwd_intro.asp and read and play with the entire section of CSS responsive.

Then we can discuss what they don't tell you. You can even have a little cute Hamburger Menu if you like.

No bootstrap, no remote calls to CSS files your site runs without delay waiting to load something from the cloud.
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
m(dot)Site vs. Responsive Web Design anandsoft SEO Forum 20 03-13-2018 10:34 PM


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 03:30 PM.
Powered by vBulletin
Copyright 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC